Hi Nick,
To see if the plugin is working on your site, add an image to a new post, or look at a featured image from one of the posts you’ve already published and you should see a couple of new attributes on your images, namely the ‘srcset’ and ‘sizes’ attributes. So, something like this:
<img src="path/to/your/img.jpg" srcset="path/to/your/img-300.jpg 300w, path/to/your/img-1024.jpg 1024w, path/to/your/img.jpg 1400w" sizes="(max-width: 600px) 100vw, 600px" alt="some text" width="600" height="400" />
> To my understanding the benefit of the plugin is to display smaller versions of images on mobile devices / smaller screens. Is this correct?
You definitely have the right idea. Those extra html attributes allow browsers to choose the best size available to show, so users who only need a 300px version of the image don’t have to download the 1400px version (for example). If you know the actual size your images will be displayed on your site, you can have WordPress create extra crops of your images by using the add_image_size() function in your theme’s functions.php file. Here’s the documentation about how that function works: https://codex.wordpress.org/Function_Reference/add_image_size
I hope this helps!
– Joe
Thread Starter
RA_NPL
(@ra_npl)
Hi Joe,
thanks for your help. I have activated the plugin on , but can not find the new attributes in the source code.
I am also using the plugins WP Rocket, Autoptimize and Simple Image Sizes. Additionally the Adaptive Images solution from Matt Wilcox is active on my site. Do you know of any conflicts? Should I turn off any of these?
Cheers Nick
It’s possible that there are conflicts between one of those plugins and this one, but I don’t know any specifically. You could try disabling the other plugins one by one and see if you can find which one is conflicting. If I know which one is conflicting, I’m happy to look into it further.
