Enjoying UtilToolkits?
Support our development and help us create more amazing tools!
Support our development and help us create more amazing tools!
Title Case and Sentence case have different vibes. Title Case is great for headlines, while Sentence case is more casual and readable for paragraphs.
| Device Name | Logical Width | Logical Height | Pixel Ratio |
|---|---|---|---|
| iPhone 14 Pro Max | 430px | 932px | 3.0x |
| iPhone 14 | 390px | 844px | 3.0x |
| iPhone 13 / 12 | 390px | 844px | 3.0x |
| iPhone 11 Pro | 375px | 812px | 3.0x |
| iPhone SE | 375px | 667px | 2.0x |
| Pixel 7 | 412px | 915px | 2.6x |
| Samsung Galaxy S22 | 360px | 780px | 3.0x |
| Samsung Galaxy S20 | 360px | 800px | 3.0x |
| iPad Pro 12.9" | 1024px | 1366px | 2.0x |
| iPad Air | 820px | 1180px | 2.0x |
| iPad Mini | 768px | 1024px | 2.0x |
| MacBook Air | 1280px | 800px | 2.0x |
| MacBook Pro 16" | 1728px | 1117px | 2.0x |
| Full HD Desktop | 1920px | 1080px | 1.0x |
| 4K Desktop | 3840px | 2160px | 1.0x |
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.
It is a static structured JSON database of known device specifications, curated from technical spec sheets.
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.
We try to add major new devices as they are released.
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.