News for hackers. Stuff that matters.

A comment on Programming fonts. Parent comment

Re:Programming fonts by s9w on Monday August 03, 2015 @01:58PM (#9998321)
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?
[ Parent | on HN ]
Re:Programming fonts by tuxracer on Monday August 03, 2015 @02:32PM (#9998634)
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.
[ Parent | on HN ]
Re:Programming fonts by protomyth on Monday August 03, 2015 @02:22PM (#9998518)
I cannot vouch for this one, but Apple has a suggestion https://developer.apple.com/library/safari/documentation/Net...
[ Parent | on HN ]
Re:Programming fonts by mariusc23 on Monday August 03, 2015 @08:44PM (#10000938)
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="">

[ Parent | on HN ]