Passende Bildgrößen berechnen.
Wähle ein Bild und berechne passende Pixelmaße.
Bildmaße aus der Darstellungsbreite ableiten.
Ein Bild mit 4.000 Pixeln Breite ist für eine kleine Produktkachel oft unnötig groß. Wähle deine Datei und berechne Zielmaße für die Fläche, in der du das Bild zeigen möchtest.
Kostenlos nutzenDarstellungsbreite ist nicht gleich Dateibreite.
Eine Fläche mit 800 CSS-Pixeln Breite kann auf einem Bildschirm mit doppelter Pixeldichte mehr Bildpunkte nutzen. Bei 2× ergibt sich dafür eine Dateibreite von 1.600 Pixeln. Die passende Höhe wird aus dem Seitenverhältnis deiner Quelle berechnet.
Mehr Pixel bedeuten nicht automatisch ein sichtbar besseres Ergebnis. Für eine Produktkachel kann eine andere Bildvariante sinnvoll sein als für eine große Detailansicht. Responsive Bilder erlauben es dem Browser, eine passende Variante auszuwählen.
Die Dateigröße in Kilobyte hängt zusätzlich vom Motiv, Dateiformat und der Kompression ab. Aus den Pixelmaßen allein lässt sich deshalb keine verlässliche Ersparnis berechnen. Das Werkzeug verändert deine Datei nicht; die Maße kannst du anschließend beim Export übernehmen.
Beispiel: Quelle mit 2.400 × 1.600 Pixeln
| Darstellung | Pixeldichte | Berechnete Zielmaße |
|---|---|---|
| 800 CSS-Pixel breit | 1× | 800 × 533 Pixel |
| 800 CSS-Pixel breit | 2× | 1.600 × 1.067 Pixel |
| 800 CSS-Pixel breit | 3× | 2.400 × 1.600 Pixel |
JPG, PNG, WebP oder AVIF bis 10 MB. Kein Upload; die Bilddatei bleibt auf deinem Gerät.
Bildgrößen-Rechner öffnen