Mobile app version of vmapp.org
Login or Join
Eichhorn212

: 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

@Eichhorn212

Posted in: #Css #ImageQuality #Retina #WebsiteDesign

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.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Eichhorn212

1 Comments

Sorted by latest first Latest Oldest Best

 

@Angela777

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme