Best Practices in building and maintaining web sites
Question Use Case: Perfect Image sizes for both visitors and #SEO
- Ruud van Lent
-
Topic Author
- Offline
- Alison Meeks
-
- Offline
- Ruud van Lent
-
Topic Author
- Offline
4 years 10 months ago #1241
by Ruud van Lent
Replied by Ruud van Lent on topic Use Case: Perfect Image sizes for both visitors and #SEO
I know 
created this one initially for my own blog site where people where uploading their pictures from their camera (5mb each) and then setting a width to fit them in the blog... that would be 5MB of overhead on the page. So in my role as editor i was always busy resizing these images...
Now they can just upload whatever they want and ochResponsiveImages resizes automatically to the breakpoints configured (aligned with my template): this is just a configure and forget plugin.
last week was asked by a user who wanted to resize all images in 1000+ articles: 'Can you create a script for that'.
by using this plugin I once again realise how powerful and time saving it is. if breakpoints change in the future, just adjust them and that's it: new images are automatically created and img src-sets are adjusted.
there are some editor plugin out there that will create the src-set and separate image files when uploading an image, but that will only work when uploading: When you want to change 1000+ articles, you need to redo them all again
love it...
O and as a bonus: you can also add a lazy load element attribute to the images, a native one, so not JavaScript overhead, but browser native lazy loading! This is a new browser feature rolling out to all popular browsers currently: Google will love you for implementing it this way!!
created this one initially for my own blog site where people where uploading their pictures from their camera (5mb each) and then setting a width to fit them in the blog... that would be 5MB of overhead on the page. So in my role as editor i was always busy resizing these images...
Now they can just upload whatever they want and ochResponsiveImages resizes automatically to the breakpoints configured (aligned with my template): this is just a configure and forget plugin.
last week was asked by a user who wanted to resize all images in 1000+ articles: 'Can you create a script for that'.
by using this plugin I once again realise how powerful and time saving it is. if breakpoints change in the future, just adjust them and that's it: new images are automatically created and img src-sets are adjusted.
there are some editor plugin out there that will create the src-set and separate image files when uploading an image, but that will only work when uploading: When you want to change 1000+ articles, you need to redo them all again
love it...
O and as a bonus: you can also add a lazy load element attribute to the images, a native one, so not JavaScript overhead, but browser native lazy loading! This is a new browser feature rolling out to all popular browsers currently: Google will love you for implementing it this way!!