Skip to main content

When designing for desktop, what resolution do you guys use?


For example, I’m doing a redesign of all the font sizes on a website. I’ve designed it in 1920 x 1080, but the customer is viewing my prototype on a 1440 x 900 screen. I understand that they have the same ratio, so the prototype will shrink/grow to fit their window, but I assume the text sizes will also scale, meaning that what was 24px in my 1920 x 1080 mockup, is now 12px on their 1440 x 900 screen.


Is this correct? And if so, is there any solution to this, aside from redesigning the whole site in 1440 x 900?


To further complicate things, what if I have multiple customers with multiple screen resolutions reviewing the same design? I can’t desig a separate file for each individual screen resolution?!

Your iteration is correct, our UI is ended up executed by developers. And most dev use 1920 as their desktop resolutions. Besides, global/local most common screen resolution use 1920 and it’s easier to calculate eye to screen size ratio. 1440 reso is the reason why I see dribbble shots are weird and everything is way too big.

Indeed this topic is highly dynamic because technology advances, and resolutions change constantly. Instead of providing answers that will never be entirely accurate (due to this evolution), just check online for the most popular resolutions at that moment. The answers from 2021, the original post date, won’t be the same as those in 2023, the date of the latest comments, and they won’t be the same as those in 2027.


On this website, you can verify this information using device filters, country filters, date filters, and more.


For the textsize try to use PT instead of PX using a converter between res-px. You can use Pixelcalculator.


Regards 😊

Terms & ConditionsCookie settings