Low quality thumbnails

Hi guys

I’m experiencing low quality thumbnails. Original photo is uploaded and very well looking. But, if i take a look at these pictures on mobile or in category, they are disaster 🙁

Any setting anywhere?

Thank you

Most often due to using the Photon plugin with Jetpack.

Better to use the built-in thumbnails, and change the default compression setting in wp-config.php to something like ’70’ (default is 90). We use ’45’ for best page speed for small thumbs as they are intended only as placeholders.

Also note any images with a lot of RED will never resave and look as good due to the inherent inability of JPEG compression to handle REDS at high compression (small file size) settings using *any* compression method for speed.

Hi

Thanks @Chris for your answer!

@gregy1403 the theme uses the same thumb for mobile version as for desktop, but in many cases the surface which must be covered it’s bigger then the thumb size. A possible solution to increase the thumbs quality for mobile would be to make them bigger by increasing theirs sizes. To achieve that you need to edit td_config.php file: http://screencast.com/t/F419owb1LPKD

Thanks!

Thank you both for the answers. I think i’ll try Chris option, but there’s no setting like that in config file

Thank you

Hi

You can also check this link regarding images compression, it may help: http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

Thanks!

Hi Andrei,

I realized that I have the same problem with the low quality thumbnails on mobile/pad.
And I can’t solve it, I tried all the tips found on the forum.
Either I got error message from the server, or the quality still remains poor.
Especially, the problem is really disturbing with blocks (2, 11, 12…)

I really enjoy the great job all your team has done with this theme, really impressive.

But this problem is really different than a customization choice or the wish to add more functions.
Today, it should be natively implemented in the theme and natural to have good quality thumbnails on mobile.
And without needs to step in php files or add some external plugins.

Thanks for help, later.

Hi

This is a very complex task because there are many aspects that must be considered. Let’s take an image by 100x100px as example. This image will be displayed fine in a 100x100px container on desktop without additional customizations and filters for its quality. However on mobile devices the situation it’s a bit different. To display a image in a container by 100x100px without affecting image’s quality, the image must be at least by double size. That means that the image must have 200x200px to keep its good quality on mobile.
Loading big images on mobile devices is not a good practice because site’s load speed will be affected, also requires more traffic.
We still investigate this and hopefully in future updates we will come out with a better implementation. However I can’t say how much time will pass until some changes will be made as we need to find the best solution from any point of view.

Thanks for your suggestions and for your message.

Thanks Andrei for your consideration about my message.
Yes, I understand the situation. Not an easy deal.

But more and more, peoples use mobile devices as the unique way to navigate on internet.
Especially the young ones.

According to the place you are, the internet connection with a mobile device can be more or less fast.
So the load speed and the traffic is affected, of course.

But what a frustration to have a so gorgeous and pro looking website (because of Newsmag theme !) to see on desktop, and so poor thumbnails to see on mobile devices.

I hope your great team will find the solution in a near future !
🙂

Thanks

Thank you both .. to point it out and for thinking of better solution. I totally agree with akobryan latest post 😉

Hi

@akobryan I get your point but we can’t totally forget about page speed or the size of page loaded by the browser in favor of a nice looking layout on a specific device. For many clients the page speed is a very important factor. The page speed refers exclusively how fast your server can serve the requested page, not how fast is visitor’s internet connection. For example a page which contains only high images will have a bigger size and also the response time will be higher.
We still look for a way to improve theme’s layout on mobile and we do our best to find a middle way which somehow will fit in all situations.

Thanks for your message!