Newbie confusion – images not responsive

Hi catxnc,

I think you may be misunderstanding the benefit of this plugin, which is really easy to. In short, this plugin adds some code to your images so browsers know if there is a *better* version of the image on your server (via the srcset attribute) than the one you would normally be serving (via the src attribute). “Better” can be interpreted in different ways depending on the screen size and pixel density of the device your site is being viewed on.

That said, the plugin isn’t intended to affect the actual size of the image by making it flexible or by changing the crop of the image at different breakpoints in a responsive layout.

I hope that explanation helps.

Joe

Thanks Joe – that explains a lot! So, I should upload several size versions of the same picture correct? I see that wordpress adds a digit after the original image upload – john.01 was the original – I tried uploading another the same name WP renamed it john.011 then another john.012. So I am not sure what to do next – what is the best practice procedure? Manually insert these into the srcset code? If so what would that code look like? Here is what it has now:

<img class=”alignright size-full wp-image-145″ src=”https://www.hil-tec.com/wp-content/uploads/2015/02/john-01.jpg&#8221; srcset=”https://www.hil-tec.com/wp-content/uploads/2015/02/john-01-251×300.jpg 251w, https://www.hil-tec.com/wp-content/uploads/2015/02/john-01.jpg 300w” alt=”john-01″ width=”300″ height=”359″ />

Thanks!!

At present, you don’t necessarily need to do anything extra. By default, when you upload an image to WordPress, WP automatically creates smaller versions of that image for you —medium and large — as long as the original is large enough. Those alternate versions are what the plugin uses. You can force WordPress to create additional image sizes by using the add_image_sizes() in your theme’s functions.php file and any of those can be used by the plugin as well.

We’re working on better documentation for this plugin, but in the mean time you can learn more about creating custom image sizes in the WordPress Codex. However, be aware that only crops that use the same aspect ratio will be included in the srcset list by this plugin.

very good. thank you so much, Joe!