Pixel-Umrechner

Was ist der Pixel-Umrechner?

Der Pixel-Umrechner übersetzt zwischen digitalen Pixeln und realen Längeneinheiten (Millimeter, Zentimeter, Zoll) bei einer von dir gewählten DPI. CSS-Pixel gehen standardmäßig von 96 DPI aus, doch im Druck rechnet man mit 300 DPI und im Fotodruck können es 600 DPI sein — bei unterschiedlicher DPI ergibt dieselbe Pixelzahl ganz unterschiedliche physische Größen. Tippe einen Wert in eine der vier Einheiten, wähle die zum Einsatzzweck passende DPI-Voreinstellung, und die anderen drei Einheiten werden in Echtzeit aktualisiert. Jedes Ergebnis ist nur einen Klick von der Zwischenablage entfernt.

So verwendest du den Pixel-Umrechner

1. Gib den umzurechnenden Wert in das Eingabefeld ein — zum Beispiel 100.
2. Wähle die Einheit deines Wertes: Pixel, Millimeter, Zentimeter oder Zoll.
3. Wähle eine DPI-Voreinstellung — 96 DPI für Web, 300 DPI für Druck, oder „Benutzerdefiniert“, um eine eigene DPI einzugeben.
4. Lies die umgerechneten Werte für die anderen drei Einheiten im Ergebnisbereich darunter ab.
5. Klicke neben einem Ergebnis auf Kopieren, um es in die Zwischenablage zu legen, oder teile die URL — deine Eingabe bleibt als Query-Parameter erhalten.

Wer einen Pixel-Umrechner verwendet

• Schüler und Studierende: Mathe- und Physikaufgaben mit Pixel-zu-Millimeter-Umrechnungen sowie Übungen zu Bildschirmauflösungen in Computergrafik-Kursen.
• Web- & UI-Designer: Icons, Innenabstände und Komponenten ausgehend von physischen Mockup-Maßen (mm) bei der korrekten Referenz-DPI in CSS-Pixel umrechnen.
• Druckdesigner: Pixel-Exporte aus Photoshop oder Figma in Millimeter und Zoll bei 300 DPI umrechnen, bevor sie an die Druckerei gehen.
• Fotografen: Aus dem Kamera-Output die physischen Druckmaße berechnen (z. B. 4000 × 3000 px bei 300 DPI ergibt einen Druck von 13,3 × 10 Zoll).
• Entwickler: CSS-Pixelwerte gegen die in Produkt- oder Barrierefreiheits-Spezifikationen vorgegebenen physischen Maße prüfen.

Warum dieser Umrechner

• Alle vier Einheiten (Pixel, Millimeter, Zentimeter, Zoll) aktualisieren sich live beim Tippen.
• Fünf eingebaute DPI-Voreinstellungen decken die gängigen Fälle ab — 96 DPI Web, 72 DPI Mac-Legacy, 150/300/600 DPI für den Druck.
• Eingabefeld für benutzerdefinierte DPI für Sonderfälle (Retina, hochauflösende Monitore) und spezielle Druck-Workflows.
• Teilbare URL — Wert, Quell-Einheit und DPI bleiben als Query-Parameter erhalten.
• 100 % im Browser: ohne Anmeldung, ohne Werbung im Ergebnisbereich, und die Berechnung ist Open Source.

Wie genau ist der Umrechner?

Der Umrechner verwendet das Standardverhältnis von 25,4 Millimetern pro Zoll und die von dir angegebene DPI, gerechnet in IEEE-754-Doppelpräzision. Die Ergebnisse sind innerhalb der Float-Rundung exakt (≤1×10⁻⁶ relativer Fehler). Die einzige reale Fehlerquelle ist der DPI-Wert selbst — falls dein Display nicht tatsächlich mit der angenommenen DPI läuft, kalibriere zuerst mit dem Screen-Ruler-Tool.

Häufig gestellte Fragen

Was ist ein Pixel?

Ein Pixel ist die kleinste diskrete Einheit eines digitalen Displays oder Bildes. Seine physische Größe ist nicht festgelegt — sie hängt von der Pixeldichte (DPI) des Bildschirms ab. Auf einem 96-DPI-Webdisplay ist ein Pixel exakt 1/96 Zoll (etwa 0,265 mm); im 300-DPI-Druck ist ein Pixel 1/300 Zoll (etwa 0,085 mm).

Was ist DPI und warum ist sie wichtig?

DPI (Punkte pro Zoll) ist der Umrechnungsfaktor zwischen Pixeln und physischer Länge. Dieselben 100 px ergeben bei 96 DPI 26,46 mm, bei 300 DPI aber nur 8,47 mm. Du musst die DPI des Zielmediums verwenden — Bildschirm, Druck oder Export — damit die Umrechnung physikalisch sinnvoll ist.

Wie rechne ich Pixel in Millimeter um?

Teile die Pixelzahl durch die DPI, um Zoll zu erhalten, und multipliziere dann mit 25,4, um Millimeter zu erhalten: mm = (px / DPI) × 25,4. Für 100 px bei 96 DPI: 100/96 × 25,4 ≈ 26,46 mm. Der Umrechner erledigt das in Echtzeit für dich.

Sollte ich für das Web 72 oder 96 DPI verwenden?

Verwende 96 DPI. CSS, Browser und Betriebssysteme haben sich in den 1990er-Jahren auf 96 Referenzpixel pro Zoll geeinigt. Der Wert 72 DPI stammt aus der frühen Apple-Typografie (ein Pixel = ein Drucker-Punkt) und ist nur für bestimmte Mac-Altbestände nützlich — moderne Webarbeit setzt 96 voraus.

Welche DPI sollte ich für den Druck verwenden?

Verwende 300 DPI für hochwertigen Magazin- und Buchdruck, 150 DPI für Entwurfs-Proofs und Großformatarbeiten und 600 DPI nur für Fotodrucke, feine Strichgrafiken oder Text unter starker Vergrößerung. Mehr als 300 DPI bei allgemeinen Arbeiten vergrößert die Datei, ohne dass es auf den meisten Papieren sichtbar bessere Ergebnisse gibt.

Wie wirkt sich Retina/hochauflösend auf die Umrechnung aus?

Retina- und andere hochauflösende Displays rendern zwei oder drei physische Pixel pro CSS-Pixel. Der Umrechner arbeitet standardmäßig in CSS-Pixeln, daher sind 100 CSS px bei 96 DPI für jeden hochauflösenden Bildschirm korrekt. Brauchst du die physische Pixelzahl, multipliziere mit dem Device Pixel Ratio (window.devicePixelRatio im Browser).

Warum sieht mein Webdesign auf einem 4K-Monitor kleiner aus?

Die meisten Betriebssysteme betreiben 4K-Monitore mit einer Skalierung von 150–200 %, sodass CSS-Pixel optisch ähnlich wirken wie auf einem 1080p-Display. Ist die Skalierung deaktiviert, erscheint dein Design physisch kleiner, weil dieselbe Pixelzahl weniger reale Zoll abdeckt. Passe die DPI-Skalierung in den OS-Einstellungen an oder verwende rem-/Prozent-Einheiten statt fester px-Werte.

DPI-Vertiefung — wähle die richtige Zahl einmal

Jede Pixel-zu-Länge-Umrechnung ist eine einzige Gleichung: Länge = Pixel ÷ DPI. Schwierig ist die Wahl der DPI, die zum Medium passt, in dem deine Ausgabe lebt. Falscher DPI gibt keinen Fehler — er produziert still eine Zahl, die mathematisch korrekt und physikalisch falsch ist. Die folgenden Voreinstellungen decken 95 % der echten Arbeit ab.

Webarbeit — immer 96 DPI

CSS, Browser und Betriebssysteme standardisierten sich Ende der 1990er auf 96 Referenz-Pixel pro Zoll, und diese Zahl hat sich nicht bewegt. Jeder moderne Browser behandelt 1 CSS-Pixel als 1/96 Zoll, unabhängig vom physischen Display. Retina- und 4K-Monitore rendern in höherer physischer Dichte, aber das OS skaliert CSS-Pixel zurück auf die 96-DPI-Referenz, also bleibt deine Mathematik gültig. Behandle 72 DPI als Altlast — es zählt nur, wenn du Assets von Pre-OS-X-Macs ziehst.

Druckarbeit — 150, 300 oder 600 DPI

Die meisten Magazine, Bücher und Verbraucher-Fotodrucke nutzen 300 DPI. Geh auf 150 DPI für Entwurfsproofs und Großformat herunter, wo der Betrachtungsabstand den Auflösungsverlust verbirgt; das halbiert die Dateigröße und liest sich aus einem Meter noch scharf. Steig nur auf 600 DPI, wenn der Druck aus der Nähe inspiziert wird — feine Strichgrafik, technische Zeichnungen, kleiner Text auf Glanzpapier. Über 600 DPI hinauszugehen verbessert die sichtbare Qualität fast nie und verbrennt Speicherplatz.

Retina und HiDPI — in CSS-Pixeln arbeiten

Ein Retina-Display rendert zwei oder drei physische Pixel für jeden CSS-Pixel, aber das OS verbirgt das vor deinem Code. Bleib bei CSS-Pixeln (96 DPI) für die Layout-Mathematik. Wenn du die tatsächliche physische Pixelzahl brauchst — etwa beim Ausliefern von Bitmap-Assets, die auf jedem Gerät knackig aussehen sollen — multipliziere zur Laufzeit mit window.devicePixelRatio und liefere @2x- oder @3x-Varianten aus. Der Pixel-Konverter behandelt Eingabe standardmäßig als CSS-Pixel; setze das Häkchen bei Custom DPI nur, wenn du wirklich die physische Pixeldichte eines bekannten Displays gemessen hast.

Häufige Umrechnungsmuster

Manche Pixelwerte kommen so oft vor, dass sie sich zu merken lohnen. Die folgende Tabelle zeigt, wozu 100 px, 1000 px und eine typische Full-HD-Breite (1920 px) bei den vier häufigsten DPI-Werten werden.

Praktische Tipps für Entwickler

Zuerst in DevTools verifizieren

Bevor du einer Umrechnung vertraust, bestätige, dass der Browser 96 Referenz-DPI meldet, indem du window.matchMedia('(min-resolution: 96dpi)').matches in die Konsole tippst. Auf einem korrekt konfigurierten System gibt das true zurück. Wenn false zurückkommt, ist deine OS-Skalierung oder dein Zoom-Level nicht Standard und die Umrechnung muss angepasst werden.

Immer im Ziel-DPI exportieren

Photoshop, Figma und die meisten Designwerkzeuge exportieren standardmäßig in der Leinwand-DPI. Setze die Leinwand-DPI auf dein Zielmedium, bevor du exportierst — eine 96-DPI-Leinwand in 300 DPI zu exportieren tastet das Bild nicht hoch ab, es benennt nur Metadaten um und druckt auf einem Drittel der vorgesehenen physischen Größe.

Kalibriere den Bildschirm für Wahrheitswert

Wenn deine Arbeit von physischer Genauigkeit abhängt — ein Handobjekt am Bildschirm messen, ein Icon auf bekannte Kreditkartenbreite dimensionieren — öffne zuerst das Screen-Ruler-Werkzeug und kalibriere gegen eine echte Kreditkarte. Die tatsächliche DPI deines Bildschirms passt selten zum Datenblatt; Kalibrierung verankert die Umrechnung in der physikalischen Realität.