In homepage (www.diemmestore.it) I see wired thumbnails, in responsive mode, on my iphone.
The theme upload 238×178 pixels instead of 300×224 pixels image, so it looks blurry. I regenerated images but nothing had changed.
How can I fix the issue?
WordPress cannot enlarge thumbnails, only make them smaller.
A HD retina phone has twice the resolution of desktop, if not more, so making copy of an image, makes it blurrier, and then it’s half as sharp due to high-res phone/tablet (e.g., retina, etc.).
Always best to start with larger images where possible.
If you need to enlarge images for the theme, use “thumbnail upscale” plugin which works very well.
If you’re using “Photon” in JetPack to resize images, that has always sucked for our purposes, but your mileage may vary.
thanks for your reply,
I think the problem is in the theme code.
div class=”td-module-thumb”
has these dimensions:
width: 300px
height: 224px
Instead, the image under that DIV, has these dimensions:
<img width=”238″ height=”178″ ….
I think that the theme code should upload image with 300px (width) and 224px (height), so it should upload the right thumbnail.
Well, responsive design is designed to resize images “to fit” … hence the name. Not all phones and tablets have the same resolution, so technically impossible to have all the sizes for every phone. Unless you know how to do that?
So, if you happen to use that size yourself, you may want to add that specific size to your functions.php file for the image thumb sizes, and/or make sure that size is enabled in the theme panel if it’s a standard size, and/or make that specific size the medium size in your wordpress > media > small/medium/large sizes to force enable that size.
*then* regenerate thumbnails so you have that size for your specific phone.
🙂
I’ve also having issues with thumbs! I’ve deactivated photon from jetpack and i’ve installed Thumbnail Upscale. But the site looks like this…
Having also issue with speed, images look like they are not optimized
You should consider using an optimization strategy like smush-it, or the code I often recommend to reduce the image compression amount used by WordPress, which when added to the functions.php file will change default compression from 90 to 50 or 60.
You cannot compress images without losing some image quality. Jpeg is a “lossy” file format.
You also need to regenerate thumbnails if using thumbnail upscale to make the larger versions for existing content.
