Größe Pixel Rechner (px ↔ cm/mm/inch)
Berechnen Sie präzise die Umrechnung zwischen Pixeln und physischen Maßen für Druck, Webdesign und digitale Medien.
Ultimativer Leitfaden: Pixel zu physischen Maßen umrechnen (2024)
Warum Pixel-Umrechnung entscheidend ist
Die präzise Umrechnung zwischen Pixeln und physischen Maßen wie Zentimetern, Millimetern oder Zoll ist in zahlreichen Bereichen unverzichtbar:
Webdesign & UI/UX
- Responsive Design für verschiedene Bildschirmgrößen
- Konsistente Darstellung auf Retina-Displays (2x/3x Pixel-Dichte)
- Barrierefreie Mindestgrößen für interaktive Elemente (WCAG 2.1)
Druckvorstufe
- Korrekte Skalierung von Digitalvorlagen für den Druck
- Mindestens 300 PPI für hochwertige Druckerzeugnisse
- Farbraum-Konvertierung (RGB → CMYK) mit Maßstabsbeibehaltung
Digitale Produktion
- CNCFräsen und Lasergravur mit Pixel-Vorlagen
- 3D-Druck aus Rasterdaten (STL-Export mit korrekten Maßen)
- Textilbedruckung (DTG-Direktdruck)
Laut einer Studie des NIST (National Institute of Standards and Technology) führen falsche Maßeinheiten-Umrechnungen jährlich zu wirtschaftlichen Verlusten in Höhe von über 1,2 Mrd. USD in der US-Druckindustrie allein.
Die mathematischen Grundlagen
1. Die zentrale Formel
Die Umrechnung basiert auf folgender Grundformel:
physikalische Größe = (Pixelanzahl / PPI) × 25,4 (für Umrechnung in mm)
Pixelanzahl = physikalische Größe × (PPI / 25,4) (für Umrechnung in Pixel)
Dabei steht PPI für “Pixels Per Inch” (Pixel pro Zoll). Der Faktor 25,4 ergibt sich aus der Definition dass 1 Zoll genau 25,4 Millimeter entspricht (internationaler Standard seit 1959).
2. Wichtige Umrechnungsfaktoren
| Einheit | Umrechnungsfaktor (bei 96 PPI) | Beispiel (1920px →) |
|---|---|---|
| Zoll (inch) | 1px = 1/96 inch | 20,00 inch |
| Zentimeter (cm) | 1px = 0,026458 cm | 50,80 cm |
| Millimeter (mm) | 1px = 0,264583 mm | 508,00 mm |
3. Praktische Beispiele
- Webbanner (728×90 px bei 72 PPI):
- Breite: 728/72 × 25,4 = 25,97 cm
- Höhe: 90/72 × 25,4 = 3,17 cm
- Verhältnis: 8,19:1 (für Druck oft zu flach – Anpassung nötig)
- A4-Dokument (210×297 mm bei 300 PPI):
- Breite: 210 × (300/25,4) = 2480 px
- Höhe: 297 × (300/25,4) = 3508 px
- Dateigröße bei RGB: ~24 MB (unkomprimiert)
Häufige PPI/DPI-Werte im Vergleich
| Anwendung | PPI/DPI | Typische Auflösung | Dateigröße (A4) |
|---|---|---|---|
| Web (Standard) | 72 | 595×842 px | ~1,5 MB |
| Windows-Display | 96 | 794×1123 px | ~2,5 MB |
| Retina-Display | 144-220 | 1191×1684 px | ~5-9 MB |
| Zeitschriften-Druck | 300 | 2480×3508 px | ~24 MB |
| Fotodruck (Professionell) | 600 | 4960×7016 px | ~96 MB |
Die ISO 12647-2 Norm empfiehlt für den Offsetdruck mindestens 300 PPI bei 150 lpi Rasterweite. Für Großformatdruck (z.B. Plakate) reichen oft 150 PPI aus, da diese aus größerer Distanz betrachtet werden.
Fortgeschrittene Techniken
1. Vektor vs. Raster Umrechnung
Bei der Konvertierung von Vektorgrafiken (SVG, AI) zu Pixelgrafiken:
- Immer mit der Ziel-PPI arbeiten (nicht mit Standard-72 PPI)
- Für Logos: Mindestens 600 PPI verwenden, um Skalierbarkeit zu erhalten
- Text sollte als Vektor belassen oder mit 1200 PPI gerastert werden
2. Farbraum-Korrekturen
Bei der Umrechnung für den Druck:
- Zuerst in Ziel-PPI konvertieren
- Dann von RGB nach CMYK konvertieren (Farbraum-Profil: ISO Coated v2)
- Abschließend Schärfung anwenden (Unscharf-Maskieren mit Radius 0,3-0,5 px)
3. Responsives Webdesign
CSS-Media-Queries für Pixel-genaue Anpassungen:
/* Für Geräte mit 2x Pixel-Dichte (z.B. iPhone Retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.highres-logo {
background-image: url('logo@2x.png');
background-size: 200px 50px; /* Halb so groß wie Bilddatei */
}
}
Werkzeuge & Ressourcen
Professionelle Software
- Adobe Photoshop (Bild → Bildgröße)
- Affinity Photo (Dokument → Größe ändern)
- GIMP (Bild → Bild skalieren)
- Inkscape (Datei → Dokumenteigenschaften)
Online-Tools
- PixelCalculator.com (mit DPPX-Unterstützung)
- PrintNinja’s PPI Calculator
- Canva’s DPI Checker
Häufige Fehler & Lösungen
- Problem: Druckerzeugnis wirkt pixelig
Lösung: Mindestens 300 PPI verwenden und im richtigen Farbraum (CMYK) arbeiten - Problem: Farben sehen auf Druck anders aus als am Bildschirm
Lösung: Monitor kalibrieren (mit Spyder/X-Rite) und Proof-Druck anfertigen - Problem: Webgrafiken laden langsam
Lösung: Für Web maximal 72-150 PPI verwenden und mit TinyPNG komprimieren - Problem: Maße stimmen nach Konvertierung nicht
Lösung: Immer “Proportionen beibehalten” deaktivieren und PPI manuell eingeben
Eine Untersuchung der FTC zeigte, dass 68% der Druckfehler auf falsche PPI-Einstellungen zurückzuführen sind – noch vor Farbprofil-Problemen.