Image Rendering

Images looks pixelated on my Retina screen, is there something I can do? How can I make sure images displays correctly on Retina screens?
Retina screens use four (2x2) more times pixels to render an image and thus, you must provide them with higher resolution images to actually display best. To render correctly on Retina screens, you should use a "double-sized" image. For example, if you want to display a 320x240 image, you should ask for a 640x480 image and force its size down to 320x240 using HTML/CSS. Although it will require a bit more bandwidth and thus will be slightly longer to download, this will make sure all screens will display images at the best quality.
Read the full answer...