Feature image on mobile is low resolution

Hi, i like your theme and the outcome on desktop is perfect.
But i found that once i using mobile, the feature image show on front page is low resolution, how can i fix it?
Please help

my site: http://insolenews.com/

Hi

That happens because in some situation the same thumb it’s displayed in a bigger container than on desktop. In these situations the image it’s stretched with css and its quality it’s lower.
Try to increase the value of WordPress’s compression following this link: http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/ then regenerate the thumbnails: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ and test the site again.

Thanks!

hi I follow your step,
1- add the below code to function.php
add_filter(‘jpeg_quality’, function($arg){return 100;});

2- install Regenerate Thumbnails plugin and regenerate all the thumbnails.

But it still in low resolution when i using mobile.

Can you help to fix it??

Thanks,

Hi

There is no much we can’t do in this regard as the images loaded on mobile are the same as on desktop. A possible solution would be to increase the thumbs sizes but this may affect page’s layout in some cases. To increase the thumb size you have to edit td_config.php and increase the indicated values for each thumb used on the page: http://screencast.com/t/I3pS7B8kt2l
You can also try a plugin like Retina 2x which increase the image resolution for mobile. From our reports this plugin works fine with the theme.

Thanks!

Hi
Most of my audience using mobile, so i need the picture in high resolution.

And i try to increase the thumb size from 180×135 to 360×270, but that is no change, still in low resolution.

I also install the Retina 2X, but its also no effect.

Please help

Hi ,
After i use the plugin Retina 2x to regenerate all the image, its seem better now, but mobile version is down.

I got the below error message when i using mobile to my site
Read time out at usr/lib/per15/site_perl/5.8.8/Net/HTTP/Methods.pm line257

Also, when i using desktop version but in mobile screen size, its show many error which It never seen before.

Error message: retina.min.js?ver=1.4.0:10 HEAD http://insolenews.com/wp-content/uploads/2016/06/yeezy-750-grey-glow-release-date-537×360@2x.jpg 404 (Not Found)

I del the plugin, this issue still here

Hi

I forgot to mention that you have to regenerate the thumbs after you change the values in td_config.php. If the plugin retina 2x does not work that it’s the only way to increase them image’s quality for mobile.
Also I’ve checked you site and it works fine on both mobile and desktop devices, also you don’t have any error messages in browser’s console: http://screencast.com/t/RKKy0u2lUMP
Note that if you load bigger images on mobile the site’s page speed will be affected a bit as the page size it’s bigger.

Thanks!