Thumbnail Image Quality

[manofmany]

Hi,

I’m not sure why but the image quality of the Thumbnails on our site are very low. They look particularly bad on a mobile device where they should be retina in quality. The difference is quite subtle but I’ve tried providing some examples below.

You can see some examples on our homepage and our archive here: http://manofmany.com/blog/page/2

The same affect is also happening to the banner we uploaded here: http://manofmany.com/wp-content/uploads/2015/06/Hompage-Top-red-green.jpg Where the image appears grainy and blurry. The green and read should be a flat colour and the text should be crisp.

I’ve attached two photos and two versions of the thumbnail images (one how it should be displayed and one how it is displayed on the website) so you can see the difference in image quality.

I’m not sure if it had something to do with this swiftpage function and script below?

Any help is appreciated to fix this issue.

function spbImageResizer_writeCookie(){the_cookie=document.cookie,the_cookie&&window.devicePixelRatio>=2&&(the_cookie=”spb_image_resizer_pixel_ratio=”+window.devicePixelRatio+”;”+the_cookie,document.cookie=the_cookie)}spbImageResizer_writeCookie();

writeCookie();
function writeCookie() {
the_cookie = document.cookie;
if ( the_cookie ) {
if ( window.devicePixelRatio >= 2 ) {
the_cookie = “pixel_ratio=” + window.devicePixelRatio + “;” + the_cookie;
document.cookie = the_cookie;
//location = ”;
}

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

I see many JS errors:

Is there any scope to disable the child theme/plugins?

[manofmany]

Hi David,

I’m not seeing those same Javascript errors. Is there any way in which I can replicate this so I can look into the errors?

I thing those messages are unrelated to the image quality of the thumbnails however as they appear to relate to image sizes of 300x600px.

Any other help is much appreciated.

Kind regards,
Scott

[manofmany]

Could it have anything to do with the default wordpress compression?
https://premium.wpmudev.org/blog/fix-jpeg-compression/?wpcv=b&utm_expid=3606929-93.spVh-aR3SwGklKzL4HJQQg.1&utm_referrer=https%3A%2F%2Fwww.google.com%2F&utm_expid=3606929-94.7ZAJpRqFQLy7mM6jW9jqvw.0&utm_referrer=https%3A%2F%2Fapp.codeable.io%2Ftasks%2F47958

[David Martin – Support]

Hi,

Those JS errors are no longer present.

Have you removed the WordPress Srcset functionality?

Regarding your second post, I would be less included to go that route. We have had no other known issues like this from thousands of customers. (Unless your host has added some form of compression).

Have you recently rebuilt your images using the plugin? Images uploaded before the theme was activated need to be run through this. https://wordpress.org/plugins/regenerate-thumbnails/