6 ms·
Looks pretty neat! - Can you render the fonts at higher DPI? It doesn't look good on a retina screen at all. Ex: http://i.imgur.com/HiclAPI.png http://i.imgur.
by pbnjay 11y ago
Looks pretty neat! - Can you render the fonts at higher DPI? It doesn't look good on a retina screen at all.
Ex: http://i.imgur.com/HiclAPI.png http://i.imgur.com/HiclAPI.png
- s9w 11y agoWell 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
- sabarjp 11y agoThe 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.
- s9w 11y agooh 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?
- protomyth 11y agoI cannot vouch for this one, but Apple has a suggestion https://developer.apple.com/library/safari/documentation/NetworkingInternet/Conceptual/SafariImageDeliveryBestPractices/Introduction/Introduction.html https://developer.apple.com/library/safari/documentation/Net...
- tuxracer 11y agoMac 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.
- mariusc23 11y agoUse the srcset attribute to provide @2x sizes. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img#attr-srcset https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Im... Example: <img src="img.jpg" srcset="img@2x.jpg 2x" alt="">
- sabarjp 11y agoLooks 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.
- micampe 11y agoUnless 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.
- baldfat 11y agoWhen 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.
- CognitiveLens 11y agoTo 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...
- deleted 11y ago[deleted]
- baldfat 11y agoI 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.
- JoeAltmaier 11y agoIt 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?
- baldfat 11y agoI think invisible pixels works for me :)
- micampe 11y agoIf you really want to be a stickler you should use PPI, not DPI.