utils logo UTILS
Free online tools to generate, calculate,
convert, format, encode, and play.
 

Device Screen Sizes

Browse screen resolutions, pixel densities, and viewport sizes for popular devices. Search, sort, and compare.

Your Screen

-
Width (px)
-
Height (px)
-
Device Pixel Ratio
-
Physical (px)
-
Orientation
Showing 0 devices
Device ▲ Type ▲ Viewport ▲ Resolution ▲ DPR ▲ PPI ▲ Screen ▲

Visual Size Preview

Select a device from the table to see a scaled preview of its viewport proportions.

iPhone 15 - 393 x 852

How It Works

Viewport vs Physical Resolution

Modern devices use a device pixel ratio (DPR) to map CSS pixels to physical pixels. A phone with a 1170 x 2532 physical resolution and a DPR of 3 reports a viewport of 390 x 844 CSS pixels. Web developers use the viewport size for responsive design, while the physical resolution determines image sharpness.

Pixel Density (PPI)

PPI (pixels per inch) measures how densely packed pixels are on a screen. Higher PPI means sharper text and images. Phones typically have 300-500+ PPI, while desktop monitors range from 90-220 PPI. Apple's "Retina" branding generally means PPI is high enough that individual pixels aren't visible at normal viewing distance.

Common Breakpoints

Breakpoint Width Typical Devices
Extra small< 576pxSmall phones (portrait)
Small576 - 767pxLarge phones (landscape)
Medium768 - 991pxTablets (portrait)
Large992 - 1199pxTablets (landscape), small laptops
Extra large1200 - 1399pxLaptops, desktops
XXL1400px+Large desktops, external monitors

Aspect Ratios

Common aspect ratios include 16:9 (standard widescreen), 4:3 (classic), 19.5:9 (modern phones), and 3:2 (some laptops and tablets). The aspect ratio affects how content appears and is important for media queries and responsive layout decisions.

Embed This Util

You can embed this util on your own site as a widget. Adding ?embed=1 to the URL loads a compact version with just the tool itself; no header, menu, or documentation. Paste this snippet into your HTML: 


    

       Copy snippet
      Adjust the height to taste.
    

  




  

  
  
 Related Utils

  

    
       User Agent
    
    
       User Agent Parser
    
    
       Contrast Checker
    
  


            

          

          

              Feedback
          

          

            

              Help us improve this page by providing feedback,
              and include your name/email if you want us to reach back. Thank you in advance.
            

            

              
              

              
            

          

          
          
          
          

          

            Share with