15 Fragen zum Pixel-Umrechner beantwortet

Ein Pixel-Umrechner sieht aus wie ein simples Eingabefeld, aber darunter liegt ein Stapel Begriffe, die Leute regelmäßig stolpern lassen — DPI versus PPI, CSS-Pixel versus Geräte-Pixel, was die automatische Erkennung tatsächlich macht und warum zwei Umrechner für dieselbe Eingabe verschiedene Antworten liefern können. Diese FAQ beantwortet die 15 Fragen, die uns am häufigsten begegnen.

Öffne den Pixel-Umrechner von Screen Ruler neben dieser Seite, wenn du die Antworten beim Lesen ausprobieren willst.

1. Was ist ein Pixel-Umrechner?

Ein Pixel-Umrechner ist ein Tool, das eine Pixel-Anzahl in eine physische Länge (Millimeter, Zentimeter oder Zoll) umrechnet — oder umgekehrt — bei gegebenem DPI- oder PPI-Wert. Du gibst eine Zahl und eine Auflösung ein, und es liefert die reale Größe, die diese Zahl repräsentiert.

Die Formel lautet:

• Zoll = Pixel / DPI
• mm = Zoll × 25,4

Der Umrechner führt diese Formel in beide Richtungen aus, mit sinnvollen Voreinstellungen und automatischer Geräte-PPI-Erkennung.

2. Was ist der Unterschied zwischen DPI und PPI?

DPI (dots per inch) beschreibt historisch die Druckerausgabe: wie viele Tintenpunkte ein Drucker pro linearem Zoll Papier setzt. PPI (pixels per inch) beschreibt ein Display: wie viele Pixel pro linearem Zoll Bildschirm.

In der Praxis werden beide Begriffe für die Zwecke der Einheiten-Umrechnung austauschbar verwendet, weil die Mathematik identisch ist. Der Pixel-Umrechner akzeptiert beide als „Auflösungs"-Eingabe.

Wo es zählt:

• Für Druckausgabe nimm die DPI des Druckers oder Dokuments (typisch 300 oder 600).
• Für Bildschirmgröße nimm die PPI des Geräts (variiert — siehe unten).

3. Was ist „automatische Geräte-PPI-Erkennung"?

Der Pixel-Umrechner erkennt, auf welchem Gerät du gerade schaust (iPhone 15, Galaxy S24, MacBook Pro 14 usw.) und schlägt dessen echte Bildschirm-PPI nach. Er nutzt Bildschirmmaße, devicePixelRatio und eine Gerätedatenbank zur Identifikation.

Das zählt, weil ein „100-px"-Bild auf einem 326-PPI-iPhone 24 % größer wirkt als auf einem 401-PPI-iPhone-Pro-Max — die automatische Erkennung gibt dir die echte gerätespezifische physische Größe, nicht eine pauschale 96-DPI-Annahme.

4. Warum liefert mein Umrechner andere Werte als ein anderer Umrechner?

Drei häufige Gründe:

1. Andere DPI-Annahme: Ein Tool nimmt 96 DPI an (Web-Standard), ein anderes 72 DPI (Legacy Print/Screen), ein drittes 300 DPI (Druck). Für 100 px ergibt das 26,5 mm vs. 35,3 mm vs. 8,5 mm — alles „korrekt" bei der jeweiligen DPI.
2. CSS-Pixel vs. Geräte-Pixel: Auf einem Retina-Bildschirm meldet der Browser CSS-Pixel (logisch), aber die Hardware schießt bei 2- oder 3-facher Dichte. Ein Umrechner, der devicePixelRatio nicht beachtet, weicht ab.
3. Rundung: Manche Umrechner runden bei Zwischenschritten; der Screen-Ruler-Umrechner behält die volle Präzision bis zur Endausgabe.

Für die richtige Antwort: Wähle die DPI/PPI passend zum Medium und den Pixel-Modus passend zu deiner Eingabe.

5. Was ist die Standard-DPI fürs Web?

96 DPI nach historischer Konvention. Die W3C-CSS-Spezifikation verankert 1 Zoll = 96 px für „Referenz"-Rendering. Moderne Displays mit devicePixelRatio > 1 melden für die Layout-Zwecke immer noch 96 DPI, rendern aber mit höherer Dichte.

6. Welche DPI soll ich für den Druck nehmen?

• Standard-Foto-/Dokumentdruck: 300 DPI.
• Zeitung / niedrige Qualität: 150 DPI.
• Großformat / Poster: 150 DPI reichen oft, weil die Sehentfernung größer ist.
• Kunstdruck / Plakat aus der Nähe: 600 DPI.
• Plakat aus weiter Ferne: 30–72 DPI sind in Ordnung.

Passe die DPI-Eingabe des Umrechners an die Ausgabe-DPI des Druckers an, um die genaueste physische Größe zu bekommen.

7. Warum ist mein Bild unscharf, wenn ich es drucke?

Fast immer, weil die Pixelzahl des Bildes für die Druckgröße bei 300 DPI zu niedrig ist. Ein 1000-px-Bild bei 300 DPI druckt scharf auf 3,33 Zoll (≈85 mm). Druck es bei 6 Zoll, fällt die effektive DPI auf 167, was das Auge als weich liest. Nutze den Umrechner zur Prüfung: Pixelzahl / Ziel-Zoll = effektive DPI. Liegt das Ergebnis unter 200, wirkt das Bild weich.

8. Was ist das kleinste Pixel, das ich auf meinem Bildschirm sehen kann?

Bei typischer Sehentfernung (50 cm am Desktop, 30 cm am Handy) löst das menschliche Auge etwa 60 Pixel pro Sehgrad auf. Bei einem 326-PPI-Handy aus 30 cm sind das grob 1 px — die sogenannte „Retina-Schwelle". Bei einem 110-PPI-Desktop-Monitor aus 50 cm liegt es auch um 1 px. Darunter verschmilzt das Auge benachbarte Pixel.

Der Pixel-Umrechner berechnet die Sehschärfe nicht direkt, aber du kannst es selbst: „1 Bogenminute bei 30 cm" → etwa 0,087 mm → bei 326 PPI = 1 px. Das bestätigt die Schwelle.

9. Funktioniert der Pixel-Umrechner mobil?

Ja. Die Oberfläche ist für Mobilgeräte optimiert — kein Zoom nötig, große Tap-Ziele und die On-Screen-Tastatur ist numerisch. Die automatische Geräte-PPI-Erkennung funktioniert in iOS- und Android-Browsern.

10. Spielt devicePixelRatio (DPR) eine Rolle?

DPR zählt, wenn du zwischen CSS-Pixeln (was dein Code ausgibt) und Geräte-Pixeln (was die Hardware leuchten lässt) umrechnest. Auf einem Retina-iPhone mit DPR = 3 wird ein 100-CSS-px-breites Element horizontal mit 300 Geräte-Pixeln gerendert.

Für physische Größenumrechnung:

• Nimm CSS-Pixel, wenn du wissen willst, wie groß ein Element im Browser-Layout wirkt.
• Nimm Geräte-Pixel, wenn du gegen ein Hardware-Pixel-Raster matchst (z. B. eingebettete UI, E-Ink, Retro-Display).

Der Pixel-Umrechner von Screen Ruler nutzt standardmäßig CSS-Pixel, bietet aber einen Geräte-Pixel-Modus.

11. Kann ich von physischer Größe zurück in Pixel umrechnen?

Ja — der Umrechner ist bidirektional. Gib „8 mm" und das Geräte-PPI-Eingabefeld an, und er liefert die entsprechende Pixelzahl. Das ist die richtige Richtung, wenn du eine physische Design-Anforderung hast (Button muss mindestens 8 mm hoch sein für den Daumendruck) und wissen musst, wie viele Pixel du zuweisen sollst.

12. Gibt es einen Unterschied zwischen „px" und „rem" / „em"?

Ja, einen großen. rem und em sind CSS-Einheiten relativ zur Schriftgröße, nicht zur physischen Länge. Ein 1-rem-Element ist 16 CSS-px bei Standardeinstellung, wird aber 24 px, wenn die Wurzel-Schrift 150 % ist. Der Pixel-Umrechner rechnet rem nicht direkt um — löse rem zuerst in px in deinem Stylesheet auf (document.documentElement.style.fontSize), dann rechne px in physische Einheiten.

13. Was ist mit „Viewport-Einheiten" (vw, vh)?

Auch dynamisch. 1 vw = 1 % der Viewport-Breite, in CSS-px. Löse zuerst in px auf basierend auf der Viewport-Größe deines Zielgeräts, dann rechne um. Der Pixel-Umrechner akzeptiert CSS-px direkt.

14. Wie genau ist der Umrechner?

Die Mathematik ist exakt auf Fließkomma-Präzision. Der Genauigkeits-Engpass ist die Eingabe:

• DPI-/PPI-Eingabe: Stimmst du die DPI falsch ein, ist die Antwort proportional falsch. Die automatische Erkennung entschärft das für das aktuelle Gerät.
• Geräte-PPI-Lookup: Die Gerätedatenbank von Screen Ruler hat 50+ Geräte mit herstellerseitiger PPI. Für gelistete Geräte ist der Lookup exakt. Für ungelistete fällt der Umrechner auf eine bildschirmmaßbasierte Schätzung zurück (weniger genau, typisch ±2 %).
• Druck-DPI: Geht davon aus, dass der Drucker die angegebene DPI exakt trifft. Echte Drucker weichen 1–2 % vom Sollwert ab.

Für die meisten praktischen Zwecke — Button-Dimensionierung, Druckklarheit prüfen, Geräte vergleichen — liegt der Umrechner gut innerhalb der relevanten Toleranz.

15. Warum nicht einfach ein Maßband nehmen?

Kannst du — dafür gibt's das Bildschirmlineal von Screen Ruler, mit einem Kalibrier-Schritt gegen ein bekanntes Referenzobjekt. Der Pixel-Umrechner ist für das umgekehrte Problem: Du hast eine Pixelzahl (aus einer Figma-Spezifikation, einem CSS-Wert, einem Druckauftrag), und du willst wissen, welcher physischen Größe sie entspricht, ohne sie vorher zu rendern. Nutze das Bildschirmlineal für „wie groß ist dieses Ding", den Pixel-Umrechner für „wie viele Pixel brauche ich".

Bonus: Schnellfeuer-Mikro-Antworten

Ein paar weitere Fragen, die wir regelmäßig hören und die keinen ganzen Abschnitt brauchen:

• Spielt die Monitor-Marke eine Rolle? Nein — nur ihre physische PPI zählt. Zwei 27"-Monitore mit gleicher Auflösung haben dieselbe PPI, unabhängig von der Marke.
• Warum sieht dasselbe PNG in Photoshop größer aus als im Browser? Photoshop liest die in der Datei eingebettete DPI; der Browser ignoriert sie und nutzt CSS-px. Photoshop bei 72 DPI zeigt „größer" einfach, weil es das Bild im Verhältnis 1 Bild-px zu 1 Bildschirm-px skaliert.
• Kann ich SVG-Größen umrechnen? Ja — SVG-Maße werden standardmäßig in CSS-px ausgedrückt (mit viewBox als Skalierungs-Steuerung). Behandle sie wie jede andere CSS-px-Eingabe.
• Warum meldet iOS eine kleinere screen.width als die tatsächliche Auflösung des Handys? Weil iOS CSS-Pixel exponiert, nicht Geräte-Pixel. Multipliziere mit devicePixelRatio für die Hardware-Zahl.
• Gibt es eine „richtige" DPI für einen 4K-Monitor? Hängt von der Diagonale ab. Ein 27"-4K-Display hat etwa 163 PPI; ein 32"-4K etwa 138 PPI; ein 43"-4K etwa 103 PPI. Der Pixel-Umrechner kennt diese Werte für gelistete Monitore.
• Warum ändert Browser-Zoom auf 200 % das Layout, aber nicht die PPI? Browser-Zoom multipliziert CSS-px-Werte fürs Layout, ändert aber die zugrundeliegende physische PPI nicht. Der Umrechner nutzt intern ungezoomte Referenzwerte.
• Kann ich den Umrechner offline nutzen? Die Seite cached nach dem ersten Laden, und die Mathematik läuft komplett client-seitig — einmal geladen, funktioniert sie offline.
• Berücksichtigt der Umrechner Dunkelmodus und Barrierefreiheits-Einstellungen? Ja — die Oberfläche folgt dem System-Theme und unterstützt rein per Tastatur, Screen-Reader und Hochkontrast-Modi.

Probier's

Die meisten dieser Fragen sind mit einer Eingabe im Pixel-Umrechner von Screen Ruler beantwortet. Öffne ihn, wähle deine DPI oder lass den Umrechner dein Gerät automatisch erkennen — die Antwort ist einen Tastendruck entfernt.

Steht deine Frage hier nicht, führt der Benutzerleitfaden zum Pixel-Umrechner durch den vollen Ablauf mit Screenshots, und der technische Tiefgang zum Pixel-Umrechner deckt Mathematik und Engineering-Entscheidungen ab.