Guide
Inches to PX Converter
Convert inches to pixels at any DPI. Complete guide with formula, conversion tables for 96 PPI and 300 PPI, common print sizes, A4 and US Letter dimensions, and 10 FAQs for web and print design.
An inches to px converter changes physical inch measurements into digital pixel values based on a Pixels Per Inch (PPI) or Dots Per Inch (DPI) setting. Designers use inches to pixels conversion for web layouts, print files, Retina screens, CSS sizing, Adobe Photoshop documents, Figma frames, Canva graphics, and print piece preparation. The standard conversion value for web use is 96 PPI, while print use 300 PPI for high-quality output.
The inches to px process uses a simple formula. Multiply by PPI to calculate pixel dimensions. A 4 inches image at 300 PPI becomes 1200 px. A 20 inches design at 96 PPI becomes 1920 px. The correct PPI value needed depends on screen resolution, print quality, and device dimensions.
This guide explains how to convert inches to pixels instantly, how the formula explained pixels works, common print sizes in pixels, quick conversions inches tables, DPI vs PPI differences, and the best DPI for printing. The guide also covers web design usage, Retina displays, US letter size, A4 dimensions, CSS sizing, and image scaling before print layouts.
Convert Inches to Pixels Instantly
An inches to pixels converter calculates pixel values from inch measurements using a selected PPI or DPI value. The formula is simple:
At 96 PPI
- 1 inch = 96 px
- 4 inches = 384 px
- 8.5in = 816 px
- 11in = 1056 px
- 20 inches = 1920 px
At 300 PPI
- 1 inch = 300 px
- 4 inches = 1200 px
- 8 × 10 = 2400 × 3000 px
- US letter size = 2550 × 3300 px
Common PPI presets
- 72 PPI for older displays
- 96 PPI for web use
- 110 PPI for standard monitors
- 160 PPI for mobile screens
- 220 PPI and 220+ PPI for Retina screens
- 300 PPI for print quality
- 600 DPI for fine print production
An IN to PX converter helps during responsive design, for high-DPI screens, in Android apps, for custom fonts, in vector graphics, and for PDF exports.
How to Use the Inches to Pixels Converter
To use an Inches-to-Pixels Converter, enter the inch value, select the PPI or DPI value, and read the pixel output instantly.
Follow these 3 steps:
- Enter the Width and Height in Inches.
- Select the PPI or DPI value.
- Read the converted pixel dimensions.
Examples
- 4 inches at 300 DPI = 1200 px
- 8.5in × 11in at 300 PPI = 2550 × 3300 px
- 20 inches at 96 PPI = 1920 px
- 1200 px image at 300 PPI = 4 inches wide
Design tools such as Adobe Photoshop, Figma, Adobe InDesign, Sketch, and Canva use pixel dimensions internally for web and print design.
Many converters support pixel to inch converter mode, px to vw converter support, pixels to feet converter tools, custom Width and Height inputs, instant conversion updates, print DPI presets, and CSS sizing previews. Some typography tools from everythingfonts.com include Font Unit Converter, Units Converter, Font Hinter, Font Subsetter, Font API, Font Conversion, font-face Generation API, Font Hinting API, Font Subsetting API, and @font-face utilities.
Inches to PX Conversion Formula
The inches pixels formula multiplies inch values by the PPI setting.
The formula explained pixels calculation works like this:
- Multiply by PPI to convert inches to pixels.
- Divide by PPI to convert pixels to inches.
Example 1
Convert 4 inches to pixels at 300 PPI.
4 inches equals 1200 pixels at 300 PPI.
Example 2
Convert 20 inches to pixels at 96 PPI.
20 inches equals 1920 px at 96 PPI.
Example 3
Convert pixels to inches.
A 1200 px image prints at 4 inches when using 300 PPI.
The standard conversion value for web-based layouts is 1 inch = 96 px. The 96 PPI value comes from CSS standards used by browsers and display engines.
Inches to Pixels Conversion Table
The table below shows quick conversions using 96 PPI.
| Inches | Pixels at 96 PPI |
|---|---|
| 1 in | 96 px |
| 2 in | 192 px |
| 3 in | 288 px |
| 4 in | 384 px |
| 5 in | 480 px |
| 6 in | 576 px |
| 7 in | 672 px |
| 8 in | 768 px |
| 8.5 in | 816 px |
| 10 in | 960 px |
| 11 in | 1056 px |
| 12 in | 1152 px |
| 16 in | 1536 px |
| 20 in | 1920 px |
| 24 in | 2304 px |
| 30 in | 2880 px |
| 40 in | 3840 px |
The table below shows inches to pixels at 300 DPI.
| Inches | Pixels at 300 PPI |
|---|---|
| 1 in | 300 px |
| 2 in | 600 px |
| 4 in | 1200 px |
| 5 in | 1500 px |
| 8 in | 2400 px |
| 8.5 in | 2550 px |
| 10 in | 3000 px |
| 11 in | 3300 px |
| 16 in | 4800 px |
| 20 in | 6000 px |
These device dimensions tables help during web development, print planning, image scaling, and cross-browser testing.
Common Print Sizes in Pixels
Common print sizes use different pixel dimensions based on the selected DPI.
| Print Size | Pixels @ 300 DPI | Pixels @ 96 DPI |
|---|---|---|
| 4 × 6 | 1200 × 1800 | 384 × 576 |
| 5 × 7 | 1500 × 2100 | 480 × 672 |
| 8 × 10 | 2400 × 3000 | 768 × 960 |
| 8.5 × 11 | 2550 × 3300 | 816 × 1056 |
| 11 × 17 | 3300 × 5100 | 1056 × 1632 |
| 18 × 24 | 5400 × 7200 | 1728 × 2304 |
| 24 × 36 | 7200 × 10800 | 2304 × 3456 |
Vehicle wrap shops, poster printers, and print piece designers use these pixel sizes before exporting files from Photoshop or Illustrator.
Pixels for A4, Letter & Poster Sizes
A4, Letter, and poster dimensions depend on the DPI value.
A4 Size in Pixels
A4 paper measures 210 × 297 mm or 8.27 × 11.69 inches.
| DPI | Pixel Size |
|---|---|
| 72 DPI | 595 × 842 px |
| 96 DPI | 794 × 1123 px |
| 150 DPI | 1240 × 1754 px |
| 300 DPI | 2480 × 3508 px |
US Letter Size in Pixels
US letter size measures 8.5in × 11in.
| DPI | Pixel Size |
|---|---|
| 96 DPI | 816 × 1056 px |
| 150 DPI | 1275 × 1650 px |
| 300 DPI | 2550 × 3300 px |
| 600 DPI | 5100 × 6600 px |
Poster Sizes in Pixels
| Poster Size | Pixels @ 300 DPI |
|---|---|
| 11 × 17 | 3300 × 5100 px |
| 18 × 24 | 5400 × 7200 px |
| 24 × 36 | 7200 × 10800 px |
Large-format graphics often use 150 DPI instead of 300 DPI when viewed from longer distances.
DPI vs PPI Explained
Pixels Per Inch (PPI) measures screen pixel density. Dots Per Inch (DPI) measures printer output density. Many users use PPI and DPI interchangeably, but the technical meaning differs.
| Term | Meaning | Main Usage |
|---|---|---|
| PPI | Pixels Per Inch | Screens and digital displays |
| DPI | Dots Per Inch | Printers and print output |
Standard values
- 72 PPI for older systems
- 96 PPI for web browsers and CSS
- 110 PPI for monitors
- 160 PPI for mobile displays
- 220 PPI for Retina screens
- 300 PPI for professional print
- 600 DPI for high-detail print
Retina screens use higher pixel density for sharper text and images. Modern phones often exceed 220+ PPI. The CSS specification uses 96 PPI as the base conversion value for inches to px calculations.
Best DPI for Printing
The best DPI for printing depends on viewing distance and print type.
| Print Type | Recommended DPI |
|---|---|
| Web graphics | 96 PPI |
| Office print | 150 DPI |
| Flyers and brochures | 300 DPI |
| Professional photography | 300 PPI |
| Gallery prints | 600 DPI |
| Vehicle wrap | 100–150 DPI |
| Large banners | 150 DPI |
300 DPI is good for printing because 300 PPI produces sharp text, detailed graphics, and clean image edges.
Printers use 300 PPI for magazines, brochures, business cards, and posters. Large-format printing often uses lower DPI values because users view banners and wraps from farther distances.
Inches to Pixels for Web Design
Web design uses pixels as the main measurement unit for responsive layouts, screen graphics, and CSS styling. The standard web conversion uses 1 in = 96 px.
Web developers use inches to px calculations in CSS media queries, for SVG elements, for canvas elements, during responsive design, for exact pixel mapping, at specific breakpoints, in mobile browsers, for UI mockups, during web development, and in cross-browser testing.
.page {
width: 8.5in;
height: 11in;
margin: 1in;
}
}
The CSS rule above creates a standard US letter size layout. Design platforms such as Photoshop, Figma, PowerPoint, Word, Illustrator, and Canva use pixels internally. Web browsers calculate inch values using the CSS 96 PPI standard. Tools such as px to vw converter utilities and pixel to inch converter apps help during responsive design scaling.
Frequently Asked Questions
How many pixels are in 1 inch?
There are 96 pixels in 1 inch at 96 PPI. At 300 PPI, 1 inch equals 300 pixels.
What is the formula for converting inches to pixels?
The formula for converting inches to pixels is Pixels = Inches × PPI. Multiply by PPI to calculate the pixel value.
What DPI should I use for printing?
Use 300 DPI for most printing projects. Use 150 DPI for large banners and 600 DPI for high-detail prints.
Is 300 DPI good for printing?
Yes, 300 DPI is good for printing. 300 PPI produces sharp images, detailed graphics, and readable text for brochures, posters, and photo prints.
What is the difference between DPI and PPI?
PPI measures screen pixel density, while DPI measures printer dot density. PPI is used for displays and web graphics. DPI is used for printers.
What size is A4 at 300 DPI?
A4 at 300 DPI is 2480 × 3508 pixels. The physical A4 size is 8.27 × 11.69 inches.
What size is 8×10 at 300 DPI?
An 8 × 10 image at 300 DPI is 2400 × 3000 pixels.
Why do websites use 96 DPI?
Websites use 96 DPI because CSS standards define 1 inch as 96 pixels. Browsers use this base resolution for layout calculations.
How do I resize images for printing?
Resize images for printing by setting the correct inch dimensions and using 300 PPI. Photoshop, Figma, InDesign, and Illustrator allow custom DPI export settings.
What happens if image DPI is too low?
Low DPI images look blurry or pixelated when printed. A low-resolution file stretched across a large print size loses sharpness and detail. A 1200 px image printed at 300 PPI stays sharp at 4 inches wide. The same image stretched to 20 inches loses quality.