Is there any negative adverse effect to optimizing images for retina screens, if the images aren’t exactly double size?

For example: Say I have an image that is going to be displayed at 1000px wide.

I want to optimize my site for retina displays, but the largest resolution image I have to put here is only 1900pixel wide.

Is there any unwanted visual effect to scaling down the image by unusual percentages? eg. A 1900pixel wide image being displayed at 1000px wide on a retina device, instead of a 2000pixel wide image.


Usually there will be no adverse visual effect when scaling proportionally downwards; however, I have seen cases where something funky happens and the rendering engine in certain browsers makes an image appear too sharp when downsizing. I have seen it happen more than once so it isn’t an anomaly, but it is rare and doesn’t happen with all images. You should know that browsers are increasingly becoming proficient with their rendering engines, so this might even be a problem of 2012 and you won’t see it anymore.

I would do some testing though and see if you can’t break something yourself. I will say that this doesn’t happen enough to be a concern, if anything I would be more concerned with the loading times of retina images.

Source : Link , Question Author : Eric , Answer Author : Adam Schuld

Leave a Comment