I’ve read through a lot of threads regarding blurry images, the image looks fine in the post itself but in the various thumbnail sizes on the home page they look blurry, I’ve set them to use full size, they look fine when viewed on my phone.
So I tried different browsers and found the images look fine in firefox and terrible in edge and chrome, is there a way to fix this issue??
I found a post on a WordPress forum where he used this css code
img {
image-rendering: -webkit-optimize-contrast;
}
would that help fix the issue and if so where should i put that code??
Thanks in advance
Hello!
Please make sure that you have enabled the proper thumbs with these sizes in order to show the featured images properly, check this: https://www.screencast.com/t/N18dR3qZrh
After activating the thumbnail sizes you need to regenerate your thumbnails using a plugin. Check this: https://forum.tagdiv.com/using-the-theme-with-existing-content/
The CSS code you should add in Newspaper -> Theme panel -> Custom code -> Custom CSS.
Thank you!
Same issue here with Chrome. Firefox looks perfect.
This might be an issue that appeared in Chrome with later versions, however the theme is definitely affected by it.
Have not changed any thumbnails etc. lately. Please refer to this featured image in Chrome for example. In Firefox it looks super sharp, but in Chrome it´s blurry and pixelated: https://www.enkelteknik.se/sa-ser-du-vad-din-dator-innehaller
Hello!
Please make sure that when you upload an image, you choose full size: https://www.screencast.com/t/Oxue274e
Also, check the dimensions of your picture in the TagDiv Composer.
Thank you!
