Inches to Pixels
Convert inches to pixels at 96, 72, 150, or 300 DPI.
Convert Inches (in) to Pixels (px). Results update as you type.
in
CSS uses 96; print often 300
in to px conversion table (96 DPI)
| Inches | Pixels |
|---|---|
| 0.25in | 24px |
| 0.5in | 48px |
| 0.75in | 72px |
| 1in | 96px |
| 1.5in | 144px |
| 2in | 192px |
| 3in | 288px |
| 4in | 384px |
| 5in | 480px |
| 6in | 576px |
| 8in | 768px |
| 8.5in | 816px |
| 10in | 960px |
| 11in | 1056px |
| 12in | 1152px |
Inches to Pixels Converter
Convert inches to pixels at any resolution. The DPI field defaults to 96, the CSS standard, but you can switch it to 300 for print, 150 for draft printing, or 72 for legacy screen and PDF work. Enter 8.5 at 300 DPI and you get 2550px – the width of a US Letter page ready for printing.
Formula
pixels = inches × DPI
| Size | 72 DPI | 96 DPI | 150 DPI | 300 DPI |
|---|---|---|---|---|
| 1in | 72px | 96px | 150px | 300px |
| 4in | 288px | 384px | 600px | 1200px |
| 6in | 432px | 576px | 900px | 1800px |
| 8.5in | 612px | 816px | 1275px | 2550px |
| 11in | 792px | 1056px | 1650px | 3300px |
Worked example: a 4 × 6 photo print
A print shop asks for images at 300 DPI. A 4 × 6 inch photo therefore needs 4 × 300 = 1200 by 6 × 300 = 1800 pixels. An image of only 800 × 1200 px would print at about 200 DPI at that size – acceptable for snapshots, but visibly softer. Use the bulk box with 4 and 6 on separate lines to get both dimensions at once.
Print DPI, screen PPI, and the CSS inch
Three different "inches" get mixed up:
- Print resolution: 300 DPI is the standard for sharp photos and brochures; posters viewed from a distance can go lower.
- Screen PPI: the physical pixel density of a display. A laptop might have around 220 PPI and a phone 460 PPI, so the same number of physical pixels covers very different physical areas.
- The CSS inch: always 96 CSS pixels (and 72pt). Browsers scale CSS pixels by the device pixel ratio, so
width: 1inis rarely exactly one physical inch on screen – it is only reliable in print output.
Because of this, use real inches in CSS mainly inside @media print rules. For metric sizes, remember 1in = 2.54cm, and the Length Converter handles those conversions. For type sizes defined in points, see Point to PX.
Frequently Asked Questions
How many pixels are in an inch?
It depends on the resolution. CSS defines 1 inch as 96px. For print, the usual resolution is 300 DPI (300 pixels per inch), and older Mac and PDF conventions use 72.
What size in pixels is a US Letter page?
8.5 × 11 inches is 816 × 1056 px at 96 DPI, 1275 × 1650 px at 150 DPI, and 2550 × 3300 px at 300 DPI.
Is a CSS inch the same as a physical inch on my screen?
Usually not. A CSS inch is always 96 CSS pixels, and browsers map CSS pixels to physical pixels using the device pixel ratio, so the physical size varies with the screen's actual PPI.
What is the difference between DPI and PPI?
PPI (pixels per inch) describes pixel density of a digital image or screen, while DPI (dots per inch) strictly refers to printer ink dots. In practice both terms are used for the pixels-per-inch setting that maps inches to pixels.