UtilToolkits
Request a Tool
Home
AI Tools
Text Tools
Image Tools
CSS Tools
Coding Tools
Color Tools
Calculator Tools
Productivity Tools
Fun Tools
Video Tools
Other Tools
BlogAI Content Detector
CodeCast
Play CodeType CodeCode to Image

Your Favorites

Sign in to view your favorites

Tool Categories

Browse by category
AI (10)Text (14)Image (14)CSS (9)Coding (23)Color (4)Calculator (9)Productivity (8)Fun (4)Video (7)Other (2)All tools →Blog →
UtilToolkits
© 2026 UtilToolkits. All Rights Reserved.
AboutContactPrivacyTerms

More Productivity tools

See all Productivity tools →
  • UTM Builder

    Build tracking URLs for marketing campaigns.

  • Screen Resolution Info

    View your current screen and viewport dimensions.

  • Time Zone Converter

    Instantly convert any date and time between global time zones with precise, real-time accuracy.

  • To-Do List

    A simple to-do list that saves your tasks in the browser.

  • Pomodoro Timer

    A timer to help you focus using the Pomodoro Technique.

  • World Clock

    Check the time in different cities around the world.

Quick Tip: Coding

Need to quickly see the structure of a minified JSON from an API response? A JSON Formatter is your best friend. It makes debugging a breeze.

  1. Home
  2. Tools
  3. Device Resolution List

About this Tool

Size matters. Browse a comprehensive list of screen resolutions for popular devices—phones, tablets, and laptops. A reference guide for responsive design.

You can't buy every phone to test your site. This database gathers the viewport specs of hundreds of devices so you can simulate them in Chrome DevTools or set your media queries correctly.

  1. Search for a device (e.g. 'iPhone 14').
  2. See its viewport width, height, and pixel ratio.
  3. Use these numbers for your CSS breakpoints.
  • Setting the right max-width for your mobile layout.
  • Checking commonly used tablet sizes.
  • Configuring emulator settings.
  • Searchable: Find any device quickly.
  • Up-to-Date: Includes latest phones and tablets.
  • Detailed: Shows physical vs logic resolution.
  • Copy-Paste: Quickly grab dimensions.

It is a static structured JSON database of known device specifications, curated from technical spec sheets.

Why are the numbers smaller than the box says?

That's 'Logical Resolution' vs 'Physical Resolution'. A 4K phone might have 3000 pixels physically, but it acts like it's only 400px wide so text is readable.

Is this list updated?

We try to add major new devices as they are released.

Can I detect the user's device?

You can use `window.navigator.userAgent`, but checking screen size (`window.innerWidth`) is usually a better way to adapt your layout.

All calculations and data processing for this tool are performed locally in your browser. UtilToolkits does not send any of your data to an external server, ensuring your information remains private and secure.

Credits:Next.js•React•Tailwind CSS•Lucide Icons

Device Resolution List

Device NameLogical (CSS)Pixel RatioPhysical PixelsCopy
iPhone 15 Pro Max430 × 9323x1290 × 2796
iPhone 15 / 14 Pro393 × 8523x1179 × 2556
iPhone 14390 × 8443x1170 × 2532
iPhone 13 / 12390 × 8443x1170 × 2532
iPhone 11 Pro375 × 8123x1125 × 2436
iPhone SE375 × 6672x750 × 1334
Pixel 8 Pro448 × 9982.625x1176 × 2620
Pixel 7412 × 9152.625x1082 × 2402
Samsung Galaxy S22360 × 7803x1080 × 2340
Samsung Galaxy S20360 × 8003x1080 × 2400
iPad Pro 12.9"1024 × 13662x2048 × 2732
iPad Air820 × 11802x1640 × 2360
iPad Mini768 × 10242x1536 × 2048
Surface Pro 81440 × 9602x2880 × 1920
MacBook Air1280 × 8002x2560 × 1600
MacBook Pro 14"1512 × 9822x3024 × 1964
MacBook Pro 16"1728 × 11172x3456 × 2234
Laptop (HD)1366 × 7681x1366 × 768
Full HD Desktop1920 × 10801x1920 × 1080
QHD Desktop2560 × 14401x2560 × 1440
4K Desktop3840 × 21601x3840 × 2160