High density displays are gaining in popularity. But so far, only a few people use them.
If image quality on your web site matters to you, consider using SVG for your vector graphics.
How to Convert Photoshop Text Into SVG [Quicktip]
Newest Photoshop supports simple SVG export from the Generator features (just add .svg extension to Photoshop CC vector layers.
For photos, consider serving 2X images to Hi-DPI users and 1X images to everyone else by using CSS, JavaScript or PHP script. Of course, this necessitates creating & hosting 2 sets of images. But it works.
Suggested reading:
- A guide for creating a better retina web - Ivo Mynttinen / User Interface Designer
- Retina Images (PHP script I have used with very good results)
- Retina.js | Retina graphics for your website (I tried it but didn't like it. Too much bandwidth load for Hi-DPI users and it failed to work with Lightbox viewers.)
Nancy O.