Crisp images

Posted in: Newspaper
Post count: 63

Hi,

the images on my site will always have some kind of text on them and they look quite horrible on retina displays. What’s the best way to remove any compression/scaling? On my laptop the images are almost 50% smaller then they should be. I don’t need any compression as I do this myself with all my images.

Thanks

Post count: 9544

Don’t change compression in the functions.php file; don’t use external optimization systems like Jetpack or paid services which alter the images. The default compression for images in WP is 90%. It only changes if you use some application or other setting which might change that.

Best way to keep images sharp on retina, as we do with the Newsmag theme for our sites (I use my iPad AIR and iPhone 6 to check everything we do), is to upload images “at size” for the layout template you’re actually using. On Newsmag, for example, we do all our images as 640xXX fully optimized in Photoshop, and then those scale perfectly as if I enlarge something (rarely) it gets a little softer; they scale down perfectly for retina as they become more “dense” when seen at 1/2 size so effectively have twice the density, which works perfectly for retina.

For retina/4K desktops, that is a whole different story.

Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.