The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS background images, for Retina displays

  • # February 3, 2013 at 1:18 pm

    Hi there,

    I’ve been working on a few responsive sites lately and I’m really getting the hang of it. One thing I haven’t done yet is images for retina displays. So I’d be interested on getting peoples thoughts & methods/practices for this.

    I have a real eye for detail & find it hard to just go, “_That’ll do_”, so when I look at the site I’ve just done on a new iphone and the css background images are a bit blurry because they’re 72dpi, I just can’t be satisfied with my work!

    Currently, if I wanted to resolve this on the site I’ve just done, I’m guessing I’d have to go back to photoshop and create all the graphics from scratch, which is a bit of a ball ache (since some of them aren’t vector)! Then use a media query to call this in on retina devices – _But I guess theres nothing I can do about that, right?_

    So what are peoples views on how you should manage this when starting the build of a responsive site?

    Cheers, looking forward to hearing your opinions!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed