Width (px)
Height (px)
Screen size (inches, optional)
Common presets
Frequently Asked Questions
What is screen resolution?
Screen resolution is the number of pixels displayed on a screen, expressed as width × height (e.g., 1920×1080). Higher resolution means more pixels, resulting in sharper images. Modern displays range from 1280×720 (HD) to 7680×4320 (8K UHD).
What is PPI (pixels per inch)?
PPI measures pixel density — how many pixels fit in one inch of screen. Higher PPI = sharper display. Apple's Retina displays have PPI above 220, making individual pixels invisible at normal viewing distance. Smartphone screens typically range from 300–600 PPI.
What is the difference between resolution and screen size?
Screen size (in inches) measures the diagonal of the physical display. Resolution measures how many pixels it contains. A small high-resolution screen can appear sharper than a large low-resolution screen. PPI combines both measurements to indicate actual sharpness.
What resolution should I design for?
Web design: design at 1440px wide as the standard desktop breakpoint. Mobile: design at 375–390px wide (scales up for retina). Export assets at 2× or 3× for high-DPI screens. The most common screen resolution globally is still 1366×768 (older laptops) followed by 1920×1080.