So nutzt du einen Pixel-Umrechner (Schritt-für-Schritt-Anleitung)

Du brauchst keine Tabelle, keinen Taschenrechner und keine Suche nach „wie viele mm sind 96 px" mehr, um Pixel in physische Einheiten umzurechnen. Der kostenlose Pixel-Umrechner bei Screen Ruler Online erledigt die Mathematik sofort — aber nur, wenn du weißt, welche DPI du wählen musst. Diese Anleitung führt dich durch den gesamten Ablauf: einen Wert einfügen, die DPI für deinen Kontext wählen und die richtige Einheit am Ende ablesen. Am Ende hast du die Umrechnung auf drei verschiedene Arten für drei verschiedene Situationen durchgeführt: Webdesign, Druckvorbereitung und Fotodrucke.

Die 30-Sekunden-Version

Wenn du es eilig hast, sind die Schritte:

1. Öffne screenruler.online/pixel-converter.
2. Tippe oder füge deinen Wert in das Eingabefeld ein.
3. Klicke auf den Einheiten-Chip (px / mm / cm / Zoll), der zu deinem Wert passt.
4. Wähle eine DPI-Voreinstellung — 96 für Web, 300 für Druck, 600 für Foto.
5. Lies die umgerechneten Werte im Ergebnispanel ab. Klicke auf Kopieren neben einer beliebigen Einheit, um sie in die Zwischenablage zu legen.

Das ist alles. Der Rest dieser Anleitung ist für den Fall gedacht, dass du wissen musst, warum du 96 statt 300 gewählt hast, oder wenn das Ergebnis nicht mit dem übereinstimmt, was dein Designtool meldet, oder wenn die Umrechnung in die andere Richtung läuft.

Schritt 1: Den Umrechner öffnen

Navigiere zu https://screenruler.online/pixel-converter. Die Seite lädt sofort — kein Konto, keine Anmeldung, und der Umrechner wird serverseitig gerendert, sodass die Mathematik auch bei langsamer Verbindung funktioniert. Setz dir ein Lesezeichen; du wirst zurückkommen.

Die Seite hat drei Bereiche: ein Wertfeld oben links, einen DPI-Wähler oben rechts und ein Ergebnispanel darunter, das alle vier Einheiten (Pixel, Millimeter, Zentimeter, Zoll) gleichzeitig anzeigt. Sobald die Seite geladen ist, lautet der Standardzustand 100 px bei 96 DPI, was bereits ~26,46 mm / ~2,65 cm / ~1,04 Zoll anzeigt. So kannst du überprüfen, ob die Seite funktioniert, bevor du etwas eintippst.

Schritt 2: Deinen Wert eingeben

Klicke in das mit „Wert zum Umrechnen" beschriftete Eingabefeld und tippe oder füge deine Zahl ein. Der Umrechner akzeptiert:

• Ganze Zahlen: 100
• Dezimalzahlen: 42.5, 0.75
• Zahlen mit Tausendertrennzeichen: 1,920 wird als 1920 interpretiert
• Umgebende Leerzeichen: 100 funktioniert
• Null: eine gültige Eingabe — ergibt 0 in jeder Einheit

Negative Zahlen werden nicht akzeptiert (Länge kann nicht negativ sein), ebenso wenig nicht-numerische Zeichenketten. Wenn deine Eingabe ungültig ist, zeigt das Ergebnispanel „Gib eine nicht-negative Zahl ein, um die Umrechnungen zu sehen." statt veralteter Zahlen — so kopierst du nie versehentlich einen irreführenden Wert.

Schritt 3: Die Quelleinheit wählen

Unter dem Eingabefeld gibt es vier Einheiten-Chips: Pixel / Millimeter / Zentimeter / Zoll. Klicke auf den, der zur soeben eingegebenen Zahl passt. Der Umrechner hebt den aktiven Chip blau hervor und behandelt deine Eingabe als diese Einheit; die anderen drei Zeilen im Ergebnispanel werden zu den Umrechnungen.

Häufige Muster:

• Aus einem Designtool (Figma, Photoshop, Sketch, Adobe XD): du hast fast immer Pixel, also lass Pixel ausgewählt.
• Aus einer Druckspezifikation oder einem PDF: meist Millimeter oder Zoll. Wähle den passenden Chip.
• Aus einer CSS-Regel (width: 1024px): Pixel.
• Aus einem Druckmockup („100 mm × 50 mm Logo"): wähle Millimeter für jeweils eine Dimension.

Schritt 4: Die richtige DPI wählen

Das ist der Schritt, an dem viele scheitern. Der Umrechner verwendet standardmäßig 96 DPI — die CSS-Referenzauflösung, auf die sich Browser und Betriebssysteme geeinigt haben. Das ist korrekt für Webarbeit, aber nicht für Druck oder Fotografie. Das DPI-Dropdown bietet dir fünf Voreinstellungen:

Voreinstellung	DPI	Wann verwenden
Webstandard	96	CSS, Browser, OS-Referenz
Mac-Legacy	72	Frühe Apple-Typografie (heute selten nötig)
Druckentwurf	150	Poster, Banner, Großformatentwürfe
Druck hohe Qualität	300	Magazine, Bücher, Verpackung — die häufigste Druck-DPI
Fotodruck	600	Kunstdrucke, Strichzeichnungen, Text unter Vergrößerung

Es gibt auch eine Benutzerdefinierte Option, mit der du jede beliebige DPI eingeben kannst — nützlich für nicht standardisierte Hardware (ein 220-PPI-iPad, ein 300-DPI-Proofer oder ein industrieller Druckkopf bei 1200 DPI).

Eine einfache Faustregel: Wenn es auf einem Bildschirm angezeigt wird, nimm 96; wenn es gedruckt wird, nimm 300; wenn es ein aus der Nähe betrachteter Fotodruck ist, nimm 600.

Schritt 5: Das Ergebnis ablesen

Das Ergebnispanel darunter zeigt alle vier Einheiten gleichzeitig an. Die Einheit, die du als Eingabe gewählt hast, ist hervorgehoben (damit du nicht versehentlich deine eigene Zahl als umgerechnet abliest). Jede Zeile zeigt den Wert in der richtigen Genauigkeit formatiert:

• Pixel: ganze Zahl (Browser-Pixel sind diskret)
• Millimeter: 2 Dezimalstellen (26.46)
• Zentimeter: 3 Dezimalstellen (2.646)
• Zoll: 4 Dezimalstellen (1.0417 — Typografie verwendet 1/1000 Zoll)

Klicke auf Kopieren neben einer beliebigen Einheit, um <Wert> <Einheit> in die Zwischenablage zu legen. Die Schaltfläche zeigt kurz „Kopiert!", damit du weißt, dass es geklappt hat.

Schritt 6: Teilen oder Lesezeichen setzen

Der Umrechner spiegelt deinen aktuellen Zustand als Query-Parameter in der URL: ?value=100&from=px&dpi=96. Das bedeutet, du kannst:

• Die URL teilen mit einem Teamkollegen, damit er dieselbe Umrechnung sieht.
• Eine bestimmte Konfiguration als Lesezeichen speichern — zum Beispiel „300 mm bei 300 DPI" für eine wiederkehrende Druckspezifikationsprüfung.
• Neu laden, ohne deine Zahlen zu verlieren.

Die URL aktualisiert sich beim Tippen, also gibt es keinen Speichern-Knopf, an den du dich erinnern müsstest.

Anwendungsbeispiel 1: Größe eines Web-Banners

Dir wurde gesagt, du sollst ein Hero-Bild mit „1920 × 720 px" entwerfen, aber das Marketingteam möchte wissen, wie groß das auf einem typischen Desktop-Monitor ist.

1. Tippe 1920 ins Eingabefeld.
2. Der Pixel-Chip ist bereits ausgewählt (Standard).
3. DPI ist bereits 96 (Web).
4. Lies die Millimeter-Zeile: 508,00 mm — etwa 50 cm breit.
5. Setze die Eingabe auf 720 zurück, um die Höhe zu erhalten: 190,50 mm — etwa 19 cm hoch.

Das Banner umfasst also physisch etwa 50 × 19 cm auf einem Standard-1080p-Monitor. Auf einem 4K-Display mit 200 % Skalierung decken dieselben CSS-Abmessungen weiterhin diese physische Fläche ab; auf einem 4K-Display mit 100 % wäre es halb so groß — deshalb verwendet CSS unabhängig von der physischen Pixeldichte 96 Referenzpixel.

Anwendungsbeispiel 2: Logo in exakter Druckgröße

Eine Druckerei bittet dich, ein Logo zu liefern, das „genau 50 mm breit auf einer 300-DPI-Broschüre" gedruckt wird. Du musst wissen, wie viele Pixel an Quelldetails du bereitstellen musst.

1. Tippe 50 ins Eingabefeld.
2. Klicke auf den Millimeter-Chip.
3. Wechsle DPI auf Druck hohe Qualität (300).
4. Lies die Pixel-Zeile: 591 Pixel.

Dein Quell-Artwork muss also mindestens 591 Pixel breit sein. Wenn du mit 600 px exportierst, hast du 1,5 % Spielraum für Beschnitt und druckst gestochen scharf bei 305 DPI. Wenn du mit 400 px exportierst, wird der Drucker auf 591 effektiv bei 200 DPI hochskalieren — auf glänzendem Papier sichtbar weich.

Der Umrechner funktioniert in beide Richtungen: Du kannst auch mit der gewünschten Pixelanzahl beginnen, die DPI an das Medium anpassen und die entsprechende physische Größe ablesen.

Anwendungsbeispiel 3: Fotodruck aus der Kamera

Du hast ein Foto mit 6000 × 4000 Pixeln auf einer 24-Megapixel-Kamera aufgenommen. Du möchtest mit 300 DPI auf glänzendem Fotopapier drucken. Wie groß kann der Druck werden?

1. Tippe 6000 ins Eingabefeld.
2. Pixel-Chip ausgewählt.
3. DPI = 300.
4. Lies Zoll: 20,0000 Zoll — und Zentimeter: 50,800 cm.

Die längste Seite druckt also bei nativer Auflösung genau 50,8 cm. Größer zu werden bedeutet Hochskalieren: 70 cm bei 300 DPI würden 8268 Pixel benötigen, und du hast nur 6000. Du kannst entweder einen weicheren Druck akzeptieren (etwa 215 effektive DPI) oder den Druck auf ~63 cm reduzieren und nativ bleiben.

Die andere Richtung: Maße zu Pixeln

Meistens beginnst du mit Pixeln und rechnest in physische Einheiten um. Aber es funktioniert genauso gut umgekehrt:

• Druckspezifikation: „Brauche ein 100 × 100 mm Icon bei 300 DPI." → Tippe 100 mm bei 300 DPI → 1181 Pixel pro Seite.
• Banner-Anzeige: „210 mm breit bei 96 DPI für einen A4-PDF-Reader." → 794 Pixel.
• Display-Panel: „Ein 11,6-Zoll-Display bei 1080p — wie hoch ist die DPI?" → Löse nach DPI auf: 1920 px / 11,6 Zoll ≈ 165 DPI. Wechsle auf benutzerdefinierte DPI = 165.

Für den dritten Fall hat der Umrechner keinen „DPI berechnen"-Modus, aber du kannst überprüfen, indem du 11,6 Zoll bei der Kandidaten-DPI eingibst und prüfst, ob die Pixel passen.

Häufige Fehler

Vergessen, die DPI für den Druck umzustellen. Ein „100 mm Logo bei 300 DPI" ergibt 1181 Pixel. Wenn du das vergisst und die Standard-96-DPI verwendest, sagt der Umrechner 378 Pixel — und deine Druckerei wird dir mitteilen, dass die Datei zu klein ist. Prüfe immer das DPI-Dropdown, bevor du Druckzahlen abliest.

Auf den gespeicherten DPI-Tag der Datei vertrauen. Photoshops „Für Web speichern" setzt die Datei-Metadaten auf 72 DPI. Der Browser ignoriert das. Die Druckmaschine verwendet, was das Layout-Tool ihr sagt, nicht den Datei-Tag. Der Umrechner ignoriert ihn ebenfalls — er fragt dich jedes Mal, welche DPI verwendet werden soll.

CSS-Pixel und Gerätepixel auf Retina vermischen. Wenn du einen Retina-Bildschirm mit einem physischen Lineal misst und versuchst, die DPI zurückzurechnen, erhältst du ~163 PPI auf einem iPhone. CSS verwendet weiterhin 96. Beide stimmen; sie beschreiben verschiedene Dinge. Der Umrechner spricht CSS-Pixel. Für Messungen physischer Pixel auf einem bestimmten Bildschirm kalibriere mit dem Screen Ruler-Werkzeug.

Die Hervorhebung der Eingabezeile ignorieren. Wenn die Pixel-Zeile hervorgehoben ist, ist der Wert in dieser Zeile deine Eingabe, keine Umrechnung. Lies die anderen drei Zeilen ab. (Das erwischt mehr Designer, als du denkst.)

Nächste Schritte

Sobald der Umrechner Teil deines Workflows ist, tauchen meist zwei verwandte Werkzeuge auf:

• Der Seitenverhältnis-Rechner löst das orthogonale Problem: „Hat 1920 × 1080 dieselbe Form wie 3840 × 2160?" Verwende ihn zusammen mit dem Pixel-Umrechner, wenn du ein Asset für ein anderes Medium neu aufbaust und sowohl Abmessungen als auch Form wichtig sind.
• Der Screen Ruler übernimmt die Kalibrierung in der realen Welt: Er zeigt dir ein 1:1-Lineal auf deinem Bildschirm, sodass du eine CSS-Messung mit einem physischen Objekt (einer Kreditkarte, einem Ausdruck, einer Münze) vergleichen kannst. Wenn du eine DPI-Diskrepanz auf einem bestimmten Display vermutest, ist das das Werkzeug, das es bestätigt.

Setz dir Lesezeichen für alle drei und der gesamte Pixel-zu-physische-Einheit-Workflow ist nur einen Tab entfernt.

Verwandt

• Pixel vs. Millimeter: Vollständiger Leitfaden zur Einheitenumrechnung — das tiefere „Warum" hinter der Mathematik
• Seitenverhältnis-Rechner — für die Form, nicht die Größe
• Screen Ruler — für physische 1:1-Messung