Unless it’s using the same rendering engine for the images that your OS uses it’s pointless anyway, as demonstrated by the fact that there is a “renderer” option on the page itself.

This is only meaningful as a comparison between those two renderers on an unspecified version of Windows.

Looks like all the font strings are images (makes sense, most of those aren't web fonts). I would also love retina images, since fonts can look vastly different between say, a MacBook Pro, a windows desktop at 1080p, or a low resolution remote desktop.

Well screenshots are just screenshots and are dpi-indepandant. But the compare mode has a 2X zoom button for this. Not enough? I could use bigger font sizes, but that's not without trouble

The problem is that non-retina images get doubled in size on a retina display, so it looks blurry. I suggest providing 2x sized images. You can use media queries to show different sized images or rely on down-sampling. There's a few different strategies.

oh wait, ALL images get 2x upscaled? That sounds crazy. There are double-sized samples in the compare mode. But if they're still upscaled by macOS, what can I do?

Mac and Windows will 2x all images for users with HiDpi displays. You can use CSS to display the images as background-image then media queries are available to serve differently sized images for HiDPI. Alternatively, most images look completely fine scaled down, they just get blurry scaled up. If you use an image that is 2x bigger than defined in the img tag it will play nice on HiDPI.

I cannot vouch for this one, but Apple has a suggestion https://developer.apple.com/library/safari/documentation/Net...

Use the srcset attribute to provide @2x sizes.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Im...

Example: <img src="img.jpg" srcset="[email protected] 2x" alt="">

When you say Retina you mean high dpi since retina is just a trade marked word for dpi of 220 inches or higher and means different things at different models.

Sorry to be a stickler but Retina is a worthless term and just causes confusion.

To any non-tech person, "high DPI" is probably more likely to cause confusion and is just as variable in definition. To (almost) any tech person, "retina" is common enough that everyone knows what you're talking about.

Being trademarked doesn't really affect the meaning of a word once it's part of popular parlance - Kleenex, Band-Aid, Hoover, Google...

I disagree but I got down voted enough to guess people like the term???? It makes zero seance. Your retina is the part of the eye that converts light into signals for the brain. Your screen is a display and has nothing to do with converting signals.

It makes sense in the detail that it matches resolution. Our retina is the fundamental limit to our visual resolution. Like the pixels on the screen. Would it make more sense to call it a 'retina-matching monitor' instead?

I think invisible pixels works for me :)

If you really want to be a stickler you should use PPI, not DPI.

I always flip those terms around in my head. Thanks stand corrected.

http://99designs.com/designer-blog/2013/02/26/ppi-vs-dpi-wha...