I’ve been going retina-happy. It’ll be tricky to do the main graphics of this site (might just be easier to do a new design) but if you visit any of the photos on ma.tt on a retina display you should get double-resolution images, it really shines on photos like this one from South Africa, this one from Napa Valley, or this one from Ethiopia.
How did you do that? Is there an “if_retina” code that you can use to swap out graphics and photos?
How do you plan on making images work better on the retina? I have been looking at doing some improvements myself after having a go on the new Macbook Pro (You’re right it’s brilliant).
Yeah Matt, spread the love! Is this a WP plugin and/or JS / CSS?
you can use css media queries to load different images based on
@media only screen and (-webkit-min-device-pixel-ratio: 2){ }
I’ve been a bit dubious as to how much better images would look on a retina display, so I haven’t pursued finding a solution for the websites I design (which are almost all WordPress), however, comparing your example images (especially the Napa Valley pic) between my desktop monitor to my New iPad I’m blown away by the vivid colour and clarity.
I’m now compelled to take it seriously. Thanks Matt!
Well, non-glare coating does give you a less clear, less “vivid” image. Go figure, a clear surface gives you a clear image. If you have good vision, don’t buy non-glare unless you only watch movies in a room with bad lighting conditions. Non-glare surface just blurs text–actually that’s the point of the coating, to diffuse light! (If you can’t see the difference, get your eyes checked.) My Thinkpads (which cost about as much as this fancy IPS) are MUCH clearer. I’ll never buy non-glare again.