Comments on: 5 Ways to Support High-Density Retina Displays

By: Lorenzo

Lorenzo — Wed, 08 May 2013 18:19:45 +0000

Throw in responsive layout on a single code base along with the rising tide of Retina display users and now you have your work cut out for you as a developer and designer.

To your question about “such sites on small screen devices….”
We have several galleries that are served on all devices although the layout is rendered slightly different on each viewport.
I’ll be monitoring screen res in the reports to see where we go from here.

By: Tom Penzer

Tom Penzer — Wed, 08 May 2013 16:33:54 +0000

Found a way to use SVG (with a bit of JavaScript built in) to serve Retina raster images the easiest way humanly possible, and without wasting bandwidth double-requesting images. Made a tutorial for it here:

http://thepenzone.com/svg-image/

By: Craig Buckler

Craig Buckler — Tue, 07 May 2013 07:44:41 +0000

That’s an interesting solution although webfonts may be a better solution if you’re happy with single-color graphics.

By: Craig Buckler

Craig Buckler — Tue, 07 May 2013 07:41:32 +0000

Strictly speaking, those solutions are for serving resized images depending on the resolution of the target device rather than Retina displays. They also require server-side processing as well as JavaScript.

I think they’re good solutions but it’s mostly media-heavy sites which will require them, e.g. image galleries. Which raises the question: do many people view such sites on small screen devices?

By: Chad

Chad — Mon, 06 May 2013 19:09:12 +0000

What are your thoughts about using javascript solutions like what’s offered at adaptive-images.com or responsiveimg.com? Seems both easier to implement and more robust at the same time…

By: ValentinCreative

ValentinCreative — Mon, 06 May 2013 19:03:22 +0000

Hi,

I personally use this useful Compass plugging https://github.com/AdamBrodzinski/Retina-Sprites-for-Compass
That generate retina sprites ;-)