PNG will certainly have the best results for a transparent image, but even then you still have to have two versions of your file and swap depending on the device its viewed on. :-/
Now web developers will need an external 1:1 ratio monitor to test on if they have 1:2 display. What a mess.
CSS:
@media screen and (device-pixel-ratio: 2) {
…retina css here…
}
I built the funnelsource.com website with Text, and SVG. The only two shortest paths to Done.
Yeah, it’s a very strong argument for SVG.
My favorite part:
Canvas -> Watch WWDC Video -> (Magic)
Hehe, yeah, that part might be better.
PNG will certainly have the best results for a transparent image, but even then you still have to have two versions of your file and swap depending on the device its viewed on. :-/
And to my knowledge there is still no elegant way to determine which image to display :’-(
Now web developers will need an external 1:1 ratio monitor to test on if they have 1:2 display. What a mess.
CSS:
@media screen and (device-pixel-ratio: 2) {
…retina css here…
}