CSS-zu-Gerätepixel-Rechner
Multipliziere jedes CSS-Maß mit DPR für die Puffergröße. Eine Fläche von 800 × 600 CSS-Pixeln bei DPR 2 benötigt 1600 × 1200 Gerätepixel.
Formel und Methode
Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).Rechenbeispiel
| Eingabe | Wert |
|---|---|
| CSS-Breite | 800 CSS px |
| CSS-Höhe | 600 CSS px |
| Gerätepixelverhältnis | 2 × |
| Ergebnis | Wert |
|---|---|
| Aufgerundete Pufferbreite | 1.600 px |
| Aufgerundete Pufferhöhe | 1.200 px |
| Gesamte Pufferpixel | 1.920.000 |
Szenarien vergleichen
Die erste Eingabe ändert sich; alle anderen behalten die Beispielwerte. Dies sind Rechenszenarien, keine Prognosen.
| Szenarien vergleichen | CSS-Breite CSS px | Aufgerundete Pufferbreite | Aufgerundete Pufferhöhe | Gesamte Pufferpixel |
|---|---|---|---|---|
| −20% | 640 | 1.280 px | 1.200 px | 1.536.000 |
| Beispiel | 800 | 1.600 px | 1.200 px | 1.920.000 |
| +20% | 960 | 1.920 px | 1.200 px | 2.304.000 |
Annahmen und Grenzen
Jedes Maß wird aufgerundet, damit keine Pixelbruchteile reserviert werden. DPR wird manuell eingegeben; der Bildschirm wird nicht geprüft. Browser, Zoom und Darstellung beeinflussen die Anzeige.
Angezeigte Ergebnisse sind gerundet. Gerechnet wird mit ungerundeten JavaScript-Zahlen; kleine Gleitkommaabweichungen sind möglich.
Läuft im Browser
Das interaktive Werkzeug läuft in einem isolierten Frame ohne Netzwerkzugriff. ClearByte und Werbeskripte können die Werte darin nicht lesen. Bösartige Browsererweiterungen und kompromittierte Geräte werden dadurch nicht abgesichert.
Quellen und Definitionen
Methode geprüft:
Weiterlesen
Mit einer verwandten Aufgabe fortfahren
Rohbild-Speicherrechner
Rohe Bytes = Breite × Höhe × Kanäle × Bytes je Kanal. 1920 × 1080 mit vier Ein-Byte-Kanälen belegen 8294400 Bytes vor Zusatzbedarf.
Seitenverhältnis-Höhenrechner
Höhe = Breite × Höhenanteil ÷ Breitenanteil. Bei 16:9 ergeben 1920 Pixel Breite 1080 Pixel Höhe.
Pixeldichte-Rechner
Pixeldichte = Pixeldiagonale ÷ physische Diagonale in Zoll. Die Pixeldiagonale ist die Quadratwurzel aus Breite² + Höhe².
Prozentrechner
Berechne einen Prozentanteil sowie den Wert nach Zu- oder Abschlag. Nutze negative Ausgangswerte nur, wenn sie zur Aufgabe passen.