CM in PX umrechnen

Von Bogdan Sandu (EN) · Veröffentlicht am 29 März 2026 · Zuletzt aktualisiert am 13 September 2026

Dieser CM-zu-PX-Konverter rechnet Zentimeter anhand der gewählten DPI-Einstellung sofort in Pixel um. Designer und Entwickler wechseln ständig zwischen Maßeinheiten für Druck und Bildschirm. Dieses Tool erleichtert den Wechsel.

Schlüsselfunktionen:

• DPI-aware Konvertierung — wählen Sie zwischen gängigen Voreinstellungen wie 72, 96, 150 und 300 DPI
• Umgekehrte Konvertierung — Richtung ändern, um px wieder in cm umzuwandeln
• Allgemeine Referenzwerte — eine eingebaute Tabelle mit Standardgrößen für schnelles Nachschlagen
• Ergebnis kopieren — Ausgabe mit einem Klick erfassen

Ganz gleich, ob Sie Assets für den Druck vorbereiten oder CSS-Pixelwerte mit einer physischen Spezifikation abstimmen, eine genaue Einheitenumrechnung ist wichtig. Kein Rätselraten, keine manuelle Mathematik. Kostenlos zu verwenden, keine Anmeldung erforderlich.

---

Wie man diesen CM zu PX Konverter verwendet

Wählen Sie oben im Konverter oben ein DPI-Feld aus (96 für das Web, 300 für den Druck oder 72 und 150 für ältere und Entwurfsarbeiten) und geben Sie dann einen Zentimeterwert ein. Das Pixelergebnis und die Live-Formel werden während der Eingabe aktualisiert. Klicken Sie auf die Schaltfläche „Austauschen“, um px wieder auf cm umzustellen, und verwenden Sie die Tabelle „Gemeinsame Referenzwerte“ für A4, Visitenkarten und andere Standardgrößen bei der ausgewählten DPI.

Ohne Kenntnis der DPI (Punkte pro Zoll) Ihres Mediums ist die Ausgabe bedeutungslos. Zwei Bildschirme können die gleiche Anzahl von Pixeln bei völlig unterschiedlichen physikalischen Größen anzeigen. Der Konverter wird täglich in Webdesign (EN), Druckvorbereitung und UI-Prototyping verwendet.

---

Die Umrechnungsformel für CM nach PX

Die Umrechnung ist kein festes Verhältnis. Es hängt ganz von der Pixeldichte Ihres Zielmediums ab:

px = cm ÷ 2.54 × DPI

Es gibt genau 2,54 Zentimeter in einem Zoll, so dass jede cm-zu-Pixel-Berechnung durch Zoll als Brückeneinheit verläuft. Zentimeter werden zuerst in Zoll umgerechnet (Division durch 2,54), dann wird der Zollwert mit dem DPI- oder PPI-Ziel multipliziert. Es gibt keine Verknüpfung. Du brauchst immer DPI.

Die drei Teile, aufgeschlüsselt:

• cm, die Eingabelänge, mit der Sie beginnen
• 2.54, die konstante Anzahl von Zentimetern in einem Zoll
• DPI, der Dichtewert, der entscheidet, wie viele Pixel in diesen Zoll passen

Rechenbeispiel: Nehmen Sie 5 cm bei 96 DPI. Teilen Sie 5 durch 2,54; das ergibt ungefähr 1,97 Zoll. Multiplizieren Sie anschließend mit 96. Das Ergebnis beträgt 188,98 px. Dieselben 5 cm bei 300 DPI ergeben 5 ÷ 2,54 × 300 = 590,55 px. Die physische Größe bleibt gleich, die Pixelzahl unterscheidet sich jedoch deutlich: Der Zoll ist die feste Bezugsgröße, die Pixelzahl nicht.

Das ist auch der Grund, warum wie viele Pixel passen in einen Zoll (EN) eigentlich die falsche Frage ist. Die Antwort existiert nur, wenn ein DPI-Wert an sie angehängt ist.

PX zu CM: Die umgekehrte Formel

Umgekehrt dividieren Sie zuerst durch die DPI und multiplizieren Sie dann mit 2,54:

cm = px ÷ DPI × 2.54

• 100 px bei 96 DPI → 2,65 cm
• 1920 px bei 96 DPI → 50,8 cm
• 1181 px bei 300 DPI → 10 cm

Der Swap-Button auf dem Konverter oben läuft in diese Richtung. Für eine vollständigere Reihe von Tabellen, die für Zentimeter gelöst sind, verwenden Sie den dedizierten px zu cm Konverter.

---

CM zu PX Umrechnungstabellen

Werte für die vier DPI-Einstellungen, die der Konverter anbietet. Bei 96 DPI ist 1 cm = 37,8 px; bei 300 DPI ist 1 cm = 118,11 px.

Bei 96 DPI (Web-Standard)

Bei 300 DPI (Druckstandard)

Bei 150 DPI (Druckentwurf)

Bei 72 DPI (alter Bildschirm)

Die 21 cm und 29,7 cm Zeilen sind die beiden Seiten eines A4-Bogens: 794 × 1123 px bei 96 DPI, 2480 × 3508 px bei 300 DPI.

---

Was ist ein CM zu PX Konverter?

Ein CM-zu-PX-Konverter ist ein kleines Rechenwerkzeug, das eine Zentimetermessung in den entsprechenden Pixelwert umwandelt, wobei die Bildschirm- oder Druckauflösung als Umrechnungsfaktor verwendet wird.

Er gehört zur gleichen Familie wie andere Einheitenumrechner, benötigt aber eine zusätzliche Zutat, die die anderen nicht haben: einen Referenzpunkt für Punkte pro Zoll oder Pixel pro Zoll.

Ohne diese Referenz können Zentimeter und Pixel nicht miteinander sprechen. Ein Zentimeter ist eine feste physikalische Länge. Ein Pixel ist es nicht, nicht wirklich.

Was es von einem generischen Längenkonverter unterscheidet:

• Es erfordert eine DPI- oder PPI-Eingabe, bevor es eine Anzahl von
• Die Ausgabe ändert sich je nach Zielmedium (Bildschirm oder Druck)
• Es überbrückt eine physische Einheit und eine auflösungsabhängige Einheit, nicht zwei physische Einheiten

Fragen Sie wofür px eigentlich steht (EN) und Sie bekommen die Wurzel des Problems: Es ist eine Abkürzung für Bildelement, eine Einheit, die an die Auflösung eines Geräts gebunden ist, anstatt an ein Lineal.

Das ist der ganze Grund, warum dieser Konverter als eigene Kategorie von Werkzeug existiert, getrennt von etwas, das nur Zentimeter für Zoll tauscht.

Wie DPI und PPI das CM-zu-PX-Verhältnis ändern

DPI und PPI bestimmen das Verhältnis zwischen einer physikalischen Länge und ihrer Pixelanzahl, und die Änderung einer der beiden ändert die Ausgabe der gesamten Formel.

Dpi steht für Dots per inch und bezieht sich auf die Druckausgabe. Ppi steht für Pixel pro Zoll und bezieht sich auf Bildschirme.

Sie werden fast austauschbar in ungezwungenen Gesprächen verwendet. Aber ein Drucker legt Tintenpunkte ab, während ein Bildschirm Pixel aufleuchtet, so dass die beiden Begriffe unterschiedliche physikalische Prozesse beschreiben, auch wenn die Mathematik dahinter identisch ist.

Die W3C-eigene CSS Values and Units Specification (EN) pinnt das CSS-Pixel an eine feste Referenz: ein Gerät mit 96 dpi, wobei 1px 1/96 eines Zolls entspricht, oder etwa 0,26 mm.

Referenzwerte für Web- und Druckarbeiten:

• 96 dpi, der CSS- und allgemeine Webdesign-Standard
• 150 dpi, eine mittlere Druckeinstellung für Plakate und großformatige Beschilderung
• 300 dpi, der Standard für gestochen scharfe Foto- und Dokumentendrucke
• 326 ppi, die Dichte, die Apple mit seinem ersten Retina-Display eingeführt hat

Führen Sie die gleichen 5 cm durch alle vier und die Pixelausgabe bewegt sich von 189, auf 295, auf 591, auf ungefähr 642. Es gibt keine dpi, die objektiv korrekt ist.

Es gibt nur diejenige, die übereinstimmt, wo die Pixel enden werden.

Warum der gleiche Zentimeterwert unterschiedliche Pixelergebnisse auf verschiedenen Bildschirmen ergibt

Ein Zentimeter ändert sich nie. Die physische Größe eines Pixels ist es, weshalb dieselbe Konvertierung von einem Bildschirm zum nächsten völlig anders aussehen kann.

Gerätepixelverhältnis ist der Schuldige. Es beschreibt, wie viele tatsächliche Hardware-Pixel in den Raum eines einzelnen CSS (EN)-Pixels gepackt werden.

Auf einem Standard-Display liegt dieses Verhältnis bei 1:1. Auf einem High-Density-Bildschirm steigt es auf 2:1 oder 3:1 an, was bedeutet, dass zwei oder drei physische Pixel die Arbeit eines erledigen.

Apples ursprüngliches Retina-Display auf dem iPhone 4 (EN) wurde mit 326 Pixeln pro Zoll ausgeliefert, ungefähr doppelt so viel wie die Dichte der Telefonbildschirme, die vor ihm kamen. Diese einzige Änderung reicht aus, um identische cm-Werte bei sichtbar unterschiedlichen Größen darzustellen.

Drei Variablen stapeln sich hier übereinander:

• Physische Bildschirmgröße, gemessen in Zoll oder Zentimetern
• Native Auflösung, die Rohpixelzahl, die das Panel unterstützt
• Pixeldichte (EN), was man erhält, wenn man Größe und Auflösung kombiniert

Die Skalierung des Betriebssystems fügt eine vierte Schicht hinzu. Windows und macOS wenden auf Hardware mit hoher Dichte jeweils eigene Skalierungsfaktoren an. Zwei Bildschirme mit identischen nativen Auflösungen können immer noch einen umgerechneten cm-Wert bei unterschiedlichen visuellen Größen anzeigen.

CM, MM, Zoll und PX im Vergleich für Design-Arbeit

Die Wahl zwischen cm, mm, inch und px kommt auf eine Frage an: Geht die Ausgabe auf einen Bildschirm oder auf Papier?

Cm, mm und Zoll sind physikalische Einheiten. Sie bedeuten auf jedem Lineal überall dasselbe, unabhängig davon, auf welchem Gerät sie angezeigt werden.

Px ist nicht physisch. Seine Größe hängt vollständig von der Dichte des Bildschirms ab, der ihn wiedergibt, weshalb überhaupt ein Konverter benötigt wird.

Druckarbeiten stützen sich auf cm und mm, weil sich die Größe des Papiers nicht ändert, je nachdem, was es rendert. Das ist auch die Logik hinter ISO 216 (EN), dem Standard, der A4 auf 210 × 297 mm festlegt, wo immer es gedruckt wird.

Jeder, der Werte in die andere Richtung konvertiert, kann die gleiche Mathematik durch einen px zu Zoll-Konverter durchführen, der dieselbe Formel für die entgegengesetzte Einheit löst.

Auch hier ist es wichtig zu wissen, wie viele Millimeter ein Zoll ergeben (EN), da es sich bei jeder dieser Umrechnungen um die gleiche 2,54-Konstante handelt.

Welche DPI-Einstellung für Web-, Print- und Retina-Designs zu verwenden ist

Die dpi-Einstellung ist keine persönliche Präferenz. Es wird von der Position bestimmt, an der die Pixel angezeigt werden sollen.

Web und UI Design

96 dpi ist der Standard für Browser, CSS und Standard-UI-Arbeiten; 1 cm = ~37,8 px.

Es handelt sich um den Wert, der in das CSS-Referenzpixel selbst integriert ist. Wenn man also auf irgendetwas anderem baut, muss man gegen die Plattform ankämpfen, anstatt mit ihr zu arbeiten.

• Entspricht der eigenen Basislinie der CSS-Spezifikation
• Halten Sie Layoutmathematik über gewöhnliche Displays hinweg vorhersehbar
• Ist der sicherste Standard, wenn das endgültige Anzeigegerät unbekannt ist

72 dpi ist der ältere Legacy-Standard früher Mac-Bildschirme. Es wird immer noch in einigen Exporteinstellungen angezeigt, ist aber für alles, was heute gebaut wird, selten die richtige Wahl.

Standard-Druckausgabe

300 dpi ist der Boden für alles, was gedruckt und aus der Nähe betrachtet wird; 1 cm = ~118 px.

Die Federal Agencies Digitization Guidelines Initiative (EN) nennt beim Scannen für Archive 300 dpi als Richtwert, um 80 bis 90 Prozent der sichtbaren Details eines Originaldokuments zu erfassen.

Visitenkarten, Broschüren und Fotoabzüge gehören alle zu diesem Sortiment. Fallen Sie darunter und das Auge fängt an, einzelne Punkte bei normalem Leseabstand zu erfassen. 150 dpi deckt Ausgaben von geringerer Qualität wie Zeitungen, Proofs und großformatige Beschilderung ab, die aus der Entfernung betrachtet werden.

Fragen Sie Ihre Druckerei nach den DPI-Anforderungen, bevor Sie konvertieren. Nimm nicht jedes Mal 300 an.

Der Unterschied zwischen den beiden Disziplinen wird auf der Seite zum direkten Vergleich von dpi und ppi (EN) ausführlicher behandelt. Eine vollständigere Aufschlüsselung der Druckzahl selbst befindet sich auf der 300 dpi (EN) Referenzseite.

Retina- und High-Density-Bildschirme

326 ppi und höher: Mobiltelefon- und Tablet-Displays, die für die Betrachtung aus der Nähe entwickelt wurden. Das Device Pixel Ratio (EN) (DPR) bedeutet, dass ein CSS-Pixel auf 2 oder 3 physische Pixel abgebildet wird, während die logische Auflösung immer noch 96 dpi als Basis verwendet.

Entwerfen Sie mit 1x, exportieren Sie mit 2x oder 3x: der gängige Workflow für den Versand von Assets, die auf dichten Platten scharf bleiben.

Unterschreiten Sie dieses Ziel, und Bilder sehen neben dem umgebenden Text weich aus, obwohl nichts an dem cm-Wert, der zum Erstellen verwendet wurde, falsch war.

CM in PX in Photoshop, Illustrator, Figma und Canva konvertieren

Nicht alle Design-Tools behandeln diese Konvertierung auf die gleiche Weise, und die Unterschiede sind wichtig, wenn eine Datei zwischen ihnen verschoben werden muss.

Photoshop und Illustrator

Beide Tools binden die Konvertierung an eine Auflösungseinstellung auf Dokumentebene.

Setzen Sie die Datei auf 300 dpi und jeder eingegebene cm-Wert wird mit dieser Zahl konvertiert. Wechseln Sie später auf 72 oder 96, und bestehende Grafiken werden nicht automatisch neu berechnet.

• Pros: vollständige manuelle Kontrolle über die dpi für jedes Element
• Vorteile: Akzeptiert direkte cm- und mm-Eingaben für drucknative Workflows
• Nachteile: Auflösungsunstimmigkeiten zwischen Dokumenten verursachen stille Größenänderungsfehler

Figma und Sketch

Die Dokumentation von Figma (EN) zeigt eindeutig, dass Pixel die Standardmaßeinheit der Plattform sind. Layouts und Komponenten werden durchgehend in px angegeben.

Es gibt keine native Zentimeter-Eingabe. Jeder, der eine Druckvorgabe in cm erhält, muss die Umrechnung durchführen, bevor er eine einzelne Zahl eingibt.

• Pros: pixel-nativer Workflow entspricht der Art und Weise, wie Browser Layouts tatsächlich rendern
• Vorteile: Beseitigt das Risiko von Auflösungsunstimmigkeiten, die Print-First-Tools mit sich bringen
• Nachteile: kein integrierter Pfad für cm oder mm, daher erfordert die Arbeit mit der Druckseite einen separaten Berechnungsschritt

Canva

Canva liegt zwischen den beiden Ansätzen. Es akzeptiert eine direkte cm-Eingabe auf benutzerdefinierte Leinwandgrößen (EN) und konvertiert sie intern, bevor das Design gerendert wird.

Der Kompromiss zeigt sich beim Export.

• Pros: ermöglicht es dem Benutzer, eine reale Größe einzugeben, ohne zuerst die Mathematik zu machen
• Nachteile: gibt weniger Sichtbarkeit, welcher dpi-Wert tatsächlich hinter den Kulissen läuft

Jeder, der eine Canva- oder Figma-Leinwand wieder in ein Druckdatenblatt exportiert, kann den Prozess mit einem px-zu-cm-Konverter umkehren, anstatt ihn manuell neu zu berechnen.

Wie man CM in PX Schritt für Schritt konvertiert

Die Umrechnung eines cm-Wertes in Pixel folgt immer der gleichen Reihenfolge der Operationen, unabhängig davon, welches Werkzeug am Ende die Mathematik durchführt.

Überspringen Sie einen Schritt und die endgültige Zahl kommt falsch heraus, normalerweise weil das dpi-Ziel nach der Berechnung ausgewählt wurde anstatt vorher.

• Schritt 1: Bestätigen Sie zunächst das Zielmedium, Bildschirm oder Druck, da dadurch entschieden wird, welcher dpi- oder ppi-Wert gilt
• Schritt 2: Wählen Sie die genaue dpi-Zahl für dieses Medium (96 für Standard-Web, 300 für Druck, 326 oder höher für ein Retina-Ziel)
• Schritt 3: Teilen Sie den cm-Wert durch 2,54, um ihn in Zoll umzuwandeln
• Schritt 4: Multiplizieren Sie den Zollwert mit der gewählten dpi, um die Pixelanzahl zu erhalten
• Schritt 5: Runden Sie auf das nächste ganze Pixel, da eine Anzeige keinen Bruchteil darstellen kann

Eine 10 cm große Bannerüberschrift, die für einen 300 dpi-Druckauftrag erstellt wurde, wird auf etwa 1181 Pixel umgerechnet.

Lasse die gleichen 10cm stattdessen mit 96 dpi laufen und es sinkt auf etwa 378 Pixel. Gleiche physikalische Länge, zwei völlig unterschiedliche Ausgaben, weil die dpi-Auswahl vor der Mathematik stattfand, nicht danach.

CM zu PX in CSS: Absolute vs. Relative Einheiten

Das CSS-Werte- und Einheitenmodul (EN) legt das Verhältnis zwischen absoluten Einheiten auf 1in = 2,54cm = 96px = 72pt = 6pc fest, sodass cm und px innerhalb eines Stylesheets nie unabhängig voneinander sind.

Relative Einheiten funktionieren nicht so. Ihre Pixelausgabe hängt von etwas anderem auf der Seite ab, nicht von einer festen Umrechnungstabelle.

Die meisten Browser setzen die root-Schriftgröße standardmäßig auf 16px, weshalb 1rem stillschweigend 16px entspricht, bis jemand es ändert.

Das Schreiben von width: 5cm direkt in ein Stylesheet funktioniert technisch, da CSS absolute Einheiten dies unterstützen. Der Browser rendert es immer noch als feste Pixelanzahl unter der Haube.

Diese feste Anzahl wird nicht angepasst, wenn die Größe des Ansichtsfensters (EN) geändert wird. Dies ist genau die Lücke, die Medienabfragen (EN) und relative Einheiten schließen müssen.

Häufige Fehler bei der Konvertierung von CM nach PX

Falscher Referenzwert: Verwendung von 96 dpi für eine Datei, die an einen Drucker geschickt wird, oder 300 dpi für etwas, das nur auf einem Bildschirm erscheinen wird.

Behandlung von px als physisch: Angenommen, ein 500px-Element misst auf einem Lineal immer dasselbe, wenn sich seine physische Größe mit der Pixeldichte jedes Geräts verschiebt.

Browser-Rundung ignorieren: WebKit-basierte Browser wenden ein festes Verhältnis von 96px pro Zoll auf jede absolute Einheit an, während Gecko in der Vergangenheit versucht hat, stattdessen die tatsächliche physische DPI des Displays anzupassen. MDNs Längenreferenz (EN) dokumentiert den 96px-pro-Zoll-Anker und die Tatsache, dass absolute Einheiten nur physischen Größen auf Druckmedien zugeordnet werden.

Diese Unstimmigkeit zwischen den Rendering-Engines bedeutet, dass der exakt gleiche cm-Wert in der exakt gleichen Stylesheet mit leicht unterschiedlichen Pixelbreiten gerendert werden kann, je nachdem, welcher Browser es öffnet.

Zusammengesetzte Rundungsfehler: Ein kleiner Bruchteil eines Pixels wird einmal gerundet, dann wird diese gerundete Zahl als Eingabe für eine zweite Berechnung verwendet. Die Drift summiert sich über eine große Leinwand.

Die meisten dieser Fehler gehen auf die gleiche Ursache zurück. Wer auch immer die Datei eingerichtet hat, hat die Nummer nicht vor dem Versand mit einem cross-browser compatibility (EN)-Test verglichen. Oder sie gingen davon aus, dass sich ein fester Pixelwert in der Art von flexiblen Layouts, um die sich responsives Design (EN) entwickelt hat, einheitlich verhalten würde.

Wenn die Konvertierung von CM in PX nicht anwendbar ist

Eine cm-zu-px-Umrechnung geht von einer festen Zielauflösung aus. Nehmen Sie diese Annahme weg und die ganze Berechnung hört auf, irgendetwas zu bedeuten.

Vektorformate umgehen dieses Problem vollständig. Die W3C-eigene SVG-Spezifikation (EN) beschreibt das Format als eine auflösungsunabhängige Beschreibung einer Grafik, nicht als ein Raster von Pixeln. Es gibt überhaupt keinen einzelnen px-Wert, in den man konvertieren kann.

• Ein SVG (EN)-Icon skaliert sauber auf jede Größe, weil es nie an eine Pixelzahl gebunden war
• Bei geräteübergreifenden UI-Arbeiten kann nicht ein einziger konvertierter Pixelwert verwendet werden, da dieselbe Zahl auf jeder Bildschirmdichte, auf der sie landet, anders aussieht
• Ein Druckauftrag ohne bestätigte endgültige dpi macht jede Pixelzahl provisorisch, bis diese Zahl gesperrt ist
• Fließende Layouts benötigen oft relative Einheiten statt Pixel (EN), da eine feste Konvertierung den Sinn eines Layouts, das flexibel sein soll, zunichte macht

Nichts davon macht die Formel falsch. Es bedeutet nur, dass die Formel nur innerhalb einer bestimmten, bekannten Auflösung gilt. In dem Moment, in dem die Auflösung nicht fixiert ist, ist auch der Pixelwert nicht fixiert.

Häufige Fragen: CM in PX umrechnen

Was ist der Unterschied zwischen einem CSS-Pixel und einem physischen Pixel?

Ein CSS-Pixel ist eine feste Referenzeinheit, die Browser für das Layout verwenden, ungefähr 1/96 Zoll. Ein physisches Pixel ist ein tatsächlicher Hardware-Punkt auf dem Display. Bildschirme mit hoher Dichte packen zwei oder drei physische Pixel in ein CSS-Pixel, weshalb das Gerätepixelverhältnis existiert.

Ist ein Pixel eine feste physikalische Einheit?

Die physische Größe eines Pixels hängt vollständig von der Auflösung und Dichte eines Bildschirms ab. Die gleiche Pixelzahl wird auf einem Monitor mit geringer Dichte größer und auf einem Monitor mit hoher Dichte kleiner dargestellt, im Gegensatz zu einem Zentimeter oder Zoll, die sich nie ändern.

Wie viele Pixel sind in 1cm bei 96 dpi?

Ein Zentimeter entspricht ungefähr 37,8 Pixeln bei 96 dpi, gerundet auf 38px, da Browser keine Bruchzahlen darstellen können. Diese Zahl skaliert direkt von der 96-dpi-Referenzpixel-Basislinie auf einen einzelnen Zentimeter.

Beeinflusst der Browser-Zoom eine CM-zu-PX-Konvertierung?

Zoom ändert, was ein Nutzer sieht, nicht die zugrunde liegende Konversion. Browser skalieren die gerenderten CSS-Pixel visuell, aber der berechnete px-Wert aus einer festen cm- und dpi-Eingabe bleibt gleich im Stylesheet.

Gibt es einen einzigen universellen CM zu PX Wert?

Kein einziger Wert gilt überall. Das Ergebnis hängt immer von der gewählten dpi oder ppi Zielgröße ab, so dass die gleiche physikalische Länge eine unterschiedliche Pixelanzahl auf jeder Bildschirmdichte erzeugt, die der Konverter anstrebt.

Was sollten Sie überprüfen, bevor Sie einem CM zu PX Konverter Ergebnis vertrauen?

Ein CM zu PX Konverter Ergebnis hält nur, wenn das dpi Ziel, die Export-Skala und die Rendering-Engine alle mit dem Gerät übereinstimmen, auf dem die Pixel tatsächlich angezeigt werden. Ansonsten sieht die Zahl richtig aus und wird überall anders falsch dargestellt.

Drei Prüfungen erfassen die meisten Abweichungen, bevor sie in die Produktion gelangen.

• Stellen Sie sicher, dass die dpi- oder ppi-Zielwerte mit dem Ausgabemedium übereinstimmen
• Passen Sie die Exportskalierung an das Gerätepixelverhältnis an
• Testen Sie das gerenderte Ergebnis in mehr als einer Rendering-Engine

Ein Wert, der mit der 96dpi CSS-Referenz erstellt wurde, benötigt eine nahezu 3,4-fache Skalierung, um auf einem 326ppi Retina-Panel scharf zu bleiben. Keine der beiden Zahlen gibt dieses Verhältnis für sich an.

Fließende Layouts, die eine Skalierung zwischen zwei Pixelwerten anstelle einer festen Zahl erfordern, lassen sich besser mit einem CSS-Clamp-Calculator bewältigen, der genau dort ansetzt, wo eine feste Konvertierung nicht mehr ausreicht.