Pixel-Umrechnungs-Spickzettel — px zu mm/cm/Zoll bei jedem gängigen DPI

Screen Ruler TeamApril 28, 202610 min read
pixel conversion cheat sheetpx to mm tablepixel to inch tabledpi conversion chart

Eine praktische Referenz für Designer, Entwickler, Fotografen und alle, die Inhalte zwischen digitalen Pixeln und physischem Druck verschieben. Kopiere diese Tabellen, setze diese Seite als Lesezeichen oder öffne den Pixel-Umrechner, wenn du einen Wert brauchst, der nicht in der Übersicht steht.

Die folgenden Tabellen gehen vom Standard 1 Zoll = 25,4 mm und Pixel = Zoll × DPI aus. Wenn dein Medium ein nicht aufgeführtes DPI verwendet, gib die Zahl in die Custom DPI-Option des Umrechners ein, um eine sofortige Antwort zu erhalten.

1. Pixel zu Millimeter bei gängigen DPI

Die am häufigsten gefragte Umrechnung. Wie viele Millimeter deckt eine bestimmte Pixelanzahl bei einer bestimmten Ausgabeauflösung ab?

Pixels 72 DPI 96 DPI (web) 150 DPI 300 DPI (print) 600 DPI
1 0.35 0.26 0.17 0.085 0.042
10 3.53 2.65 1.69 0.85 0.42
50 17.64 13.23 8.47 4.23 2.12
100 35.28 26.46 16.93 8.47 4.23
250 88.19 66.15 42.33 21.17 10.58
500 176.39 132.29 84.67 42.33 21.17
800 282.22 211.67 135.47 67.73 33.87
1000 352.78 264.58 169.33 84.67 42.33
1920 677.33 508.00 325.12 162.56 81.28
2400 846.67 635.00 406.40 203.20 101.60

Tabelle lesen: Bei 96 DPI (CSS-Web-Pixel) sind 100 Pixel etwa 26 mm — ungefähr die Breite eines US-Quarter. Bei 300 DPI für Druck sind dieselben 100 Pixel nur etwa 8 mm — ungefähr die Breite eines kleinen Fingernagels. Gleiche Pixelanzahl, 3× kleinerer Druck, weil die Punkte dichter gepackt sind.

2. Pixel zu Zoll bei gängigen DPI

Dieselben Umrechnungen in Zoll, für US/UK-Druckspezifikationen und Produktverpackungen.

Pixels 72 DPI 96 DPI 150 DPI 300 DPI 600 DPI
72 1.0000 0.7500 0.4800 0.2400 0.1200
96 1.3333 1.0000 0.6400 0.3200 0.1600
150 2.0833 1.5625 1.0000 0.5000 0.2500
300 4.1667 3.1250 2.0000 1.0000 0.5000
600 8.3333 6.2500 4.0000 2.0000 1.0000
1024 14.2222 10.6667 6.8267 3.4133 1.7067
1920 26.6667 20.0000 12.8000 6.4000 3.2000
3000 41.6667 31.2500 20.0000 10.0000 5.0000
6000 83.3333 62.5000 40.0000 20.0000 10.0000

Diagonales Muster: Wo die Pixelanzahl dem DPI entspricht, ergibt sich genau 1 Zoll — das ist die Definition von DPI. 96 px @ 96 DPI = 1 Zoll; 300 px @ 300 DPI = 1 Zoll.

3. Millimeter zu Pixel — Druckspezifikations-Vorgaben

Für den Fall, dass die Druckerspezifikation in Millimetern angegeben ist und du wissen musst, welche Pixelgröße du beschaffen musst.

Target size (mm) 150 DPI 300 DPI 600 DPI
10 59 118 236
25 148 295 591
50 295 591 1181
100 591 1181 2362
150 886 1772 3543
210 1240 2480 4961
297 1754 3508 7016

Warum 210 und 297: Das sind die kurze und die lange Kante eines A4-Blattes. Ein vollseitiger A4-Druck bei 300 DPI benötigt also 2480 × 3508 px — etwa 8,7 Megapixel an Quelldaten. Die meisten modernen Smartphone-Kameras haben dich abgedeckt.

4. Zoll zu Pixel — gängige Druckgrößen

Standard-Foto- und Druckproduktgrößen, umgerechnet beim üblichen Druck-Standard von 300 DPI.

Size (inches) Pixels (300 DPI)
4 × 6 (postcard) 1200 × 1800
5 × 7 1500 × 2100
8 × 10 2400 × 3000
8.5 × 11 (US Letter) 2550 × 3300
11 × 14 3300 × 4200
13 × 19 3900 × 5700
16 × 20 4800 × 6000
20 × 30 6000 × 9000
24 × 36 (poster) 7200 × 10800
30 × 40 9000 × 12000

Realitäts-Check Kamera: Eine 24-MP-Kamera (6000 × 4000 px) druckt nativ bei 300 DPI bis etwa 20 × 13,3 Zoll. Darüber hinaus skalierst du hoch — akzeptabel für Drucke, die aus der Distanz betrachtet werden, aber nicht für scharfe Galerie-Arbeiten.

5. Gängige Bildschirmauflösungen in physischen Einheiten (96 DPI)

Wenn du Browser-Viewport-Größen mit realen Distanzen vergleichst.

Resolution Width (mm) Width (inches) Use case
320 px 84.67 3.33 Old phone portrait viewport (CSS reference)
375 px 99.22 3.91 iPhone X-style portrait viewport
768 px 203.20 8.00 iPad portrait viewport
1024 px 270.93 10.67 iPad landscape / older laptop
1280 px 338.67 13.33 Common laptop
1440 px 381.00 15.00 Larger laptop
1920 px 508.00 20.00 Full HD desktop
2560 px 677.33 26.67 QHD monitor
3840 px 1016.00 40.00 4K monitor (at 100% scaling)

Vorbehalt zur Display-Skalierung: Ein 4K-Monitor mit 200 % OS-Skalierung zeigt 3840 px als visuell äquivalent zu 1920 px auf einem 1080p-Display — die physische Breite für den Nutzer liegt also eher bei 50 cm, nicht 100. CSS-Pixel und die 96-DPI-Annahme handhaben dies bereits; die Tabelle zeigt, was die reine Mathematik ergibt.

6. Geräte-PPI Schnellreferenz (reale physische Dichte)

Wenn du ein echtes Gerät mit einem physischen Lineal misst, ist das effektive PPI deutlich höher als 96. Das ist, was Gerätehersteller tatsächlich auf den Bildschirm packen — nützlich beim Kalibrieren physischer 1:1-Messungen auf einem bestimmten Bildschirm.

Device Resolution Physical size Real PPI
iPhone 16 Pro 2622 × 1206 6.3 inch diag 460
iPhone 15 / 14 2556 × 1179 6.1 inch diag 460
iPhone SE (3rd gen) 1334 × 750 4.7 inch diag 326
Samsung Galaxy S24 Ultra 3120 × 1440 6.8 inch diag 505
iPad Pro 12.9 (M4) 2752 × 2064 13 inch diag 264
iPad Air 2360 × 1640 11 inch diag 264
MacBook Pro 14 (M4) 3024 × 1964 14.2 inch diag 254
MacBook Air 13 (M3) 2560 × 1664 13.6 inch diag 224
Dell UltraSharp 27" 4K 3840 × 2160 27 inch diag 163
24" 1080p monitor 1920 × 1080 24 inch diag 92
27" 1440p monitor 2560 × 1440 27 inch diag 109

Warum das wichtig ist: Wenn CSS 1in Breite anfordert, zeichnet der Browser 96 CSS-Pixel, unabhängig vom tatsächlichen PPI. Auf einem iPhone mit 460 PPI sind das ungefähr 460/96 ≈ 4,8 physische Pixel pro CSS-Pixel. Die HiDPI-Skalierung erledigt sich von selbst; du musst diese Mathematik nicht von Hand machen. Aber wenn du einen Bildschirm zur Anzeige physischer 1:1-Messungen kalibrierst, brauchst du das echte PPI — dafür sind die Device Specs Database und das Screen Ruler da.

7. CSS-Einheiten-Spickzettel (nur Web)

Für Web-Arbeit sind mehrere CSS-Längeneinheiten bei 96 DPI äquivalent:

CSS unit Pixels (96 DPI) Notes
1px 1 The CSS reference pixel
1pt 1.333 Typographic point (used in print CSS)
1pc 16 12 points
1in 96 Inch
1cm 37.795 Centimeter
1mm 3.7795 Millimeter
1em varies Equal to current font-size — defaults to 16 px
1rem varies Equal to root font-size — defaults to 16 px

Warum das selten vorkommt: Das meiste CSS in der Produktion ist in px, rem oder %. Die physischen Einheiten (mm, cm, in) sind hauptsächlich für Druck-Stylesheets (@media print). Wenn du sie doch siehst, ist die Umrechnung genau die obige Tabelle.

8. DPI für gängige Workflows

Eine flache Liste von "welches DPI sollte ich verwenden" für die häufigsten Ausgabemedien.

Workflow DPI Justification
Web design (CSS, HTML, app UI) 96 Browser/OS standard. Always.
Mobile app design 96 Same as web — Retina is handled separately as @2x/@3x assets
Print proofs, A2/A1 large-format 150 Detail is fine at viewing distance
Magazines, books, brochures 300 Industry standard for press output
Photo prints (4×6 to 16×20) 300 Standard photo lab default
Photo prints (gallery, fine art) 300–600 Higher for close inspection
Line art, technical drawings 600 Crisp edges at any zoom
Screen-printed apparel 300 DPI doesn't matter as much; vector preferred
Billboard / outdoor 30–50 Viewing distance is far; pixels can be large
Architectural drawings 600 Fine line work
LCD signage 96 or device-specific Treat as a screen, not print

9. Schnelle Merkhilfen im Kopf

Für den Fall, dass du den Umrechner nicht offen hast:

  • 96 px ≈ 1 Zoll. Halbiere für ein halbes Zoll (48 px), verdopple für 2 Zoll (192 px).
  • 1 mm ≈ 4 px bei 96 DPI (technisch 3,78). Nützlich zum Plausibilitätscheck von Rändern.
  • 1 cm = 37 oder 38 px bei 96 DPI. Derselbe Trick, hochskaliert.
  • Bei 300 DPI ist 1 mm ≈ 12 px. Ein 50-mm-Logo ist also für hochwertigen Druck ~600 px breit.
  • A4-Papier bei 300 DPI ist ungefähr 2500 × 3500 px — verankere das und skaliere von dort hoch oder runter.
  • 6000 px sind "20 Zoll bei 300 DPI" — die Obergrenze der nativen Druckgröße eines 24-MP-Fotos.

10. Wenn der Spickzettel nicht ausreicht

Diese Tabellen decken die 95 %-Fälle ab. Für die anderen 5 % — nicht standardisierte DPI, exotische Papiergrößen, Kiosk-Bildschirme mit ungewöhnlichen physischen Größen — öffne den Pixel-Umrechner und nutze die Custom DPI-Option, um den benötigten Wert einzugeben. Die Mathematik bleibt gleich; nur die Konstanten ändern sich.

Und wenn du gegen ein physisches Objekt auf deinem spezifischen Bildschirm verifizieren musst — setze das Screen Ruler als Lesezeichen, damit du eine Kreditkarte an deinen Monitor halten und die Kalibrierung bestätigen kannst.

Verwandt

Verwandte Artikel