Base64 isn't encryption, but it's great for safely sending binary data (like images) as text. Use it to embed small icons directly in your CSS!
| 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.