TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Designer's Guide to DPI

36 pointsby omarfarooqover 3 years ago

5 comments

kevingaddover 3 years ago
Lots of errors in this article. This for example is blatantly wrong and has been wrong for an eternity:<p>Current OS do not scale 4K, it means that if you plug a 4K display to a Chromebook or a macbook, it will use the highest DPI asset, in this case the 200% or @2x ones, and display them at normal ratio, making everything look good but tiny. Hypothetical example: If you plug a 12&quot; 4K screen to a computer with a 12&quot; hi-res screen (2x), everything will appear twice as small.<p>Windows has literally had some degree of high-DPI support since 95, and has been able to adapt to that hypothetical example for years. All of Apple&#x27;s devices handle it too even if you have to coax them a bit to understand your display geometry. I really don&#x27;t know what the author is trying to convey there.
评论 #28870840 未加载
rudianover 3 years ago
This looks pretty comprehensive and saves me from writing an article I’ve had in the back of my mind for a while.<p>One core concept: Forget about “DPI” unless you’re printing or engineering monitors. You, designer, can’t decide how many pixels go in an inch. “72DPI” is a lie.
评论 #28870499 未加载
flowerladover 3 years ago
In the Windows world, sadly, things are a mess. Most new laptops including Microsoft&#x27;s newest Surface Studio have fractional scaling, i.e., scaling set to a number other than 100% or 200%.<p>As Steve Jobs said when he originally introduced retina screens on the iPhone, the only scale that looks good after 100% is 200%. Any other scale will have display artifacts. If the scale is 150% or 300% then horizontal lines on a web page will appear to have different thicknesses even when they are all actually the same thickness. This is a deal breaker for web developers and graphic artists, and for folks who just want the best looking screens.<p>I tried the screens of the newest laptops on display at BestBuy. Even 4k screens have this rendering artifact.<p>Microsoft&#x27;s now-obsolete Surface 2 and Surface 3 screens are one of the best. They have 3000x2000 screens and the dpi is 267. Most importantly, the display scale is set to 200%. Everything looks perfect. Sadly, Surface Laptop 4 and Surface Studios no longer use this screen. Their scales are set to between 100% and 200%, which means they have the aforementioned display artifacts. That&#x27;s sad because the Surface Laptop 4 is one of the best Windows laptops in terms of industrial design.<p>Samsung Ativ Book 9 first released more than 6 years ago has 3200x1800 13 inch screens... one of the best in the industry. Sadly Samsung is no longer making Windows laptops with that DPI anymore.
评论 #28873799 未加载
isattyover 3 years ago
I thought this was about deep packet inspection. Maybe we should disambiguate acronyms in the title if there’s space.
radleyover 3 years ago
It&#x27;s good, but dated (2014).