So skalieren Sie ein Bild auf die gewünschte Größe

Geben Sie die gewünschte Breite und Höhe ein, wählen Sie, wie das Bild eingepasst wird, und das Ergebnis wird in diesem Browser auf eine Canvas gezeichnet. Einpassen behält das ganze Bild und füllt den Rest, Füllen und zuschneiden deckt den Rahmen und schneidet die Ränder ab, Strecken passt exakt in den Rahmen und verändert die Proportionen. Das Ergebnis erscheint in der Vorschau und wird als PNG, JPEG oder WebP mit der neuen Größe im Dateinamen gespeichert.

In diesem Browser gemessen: Ein Bild mit 240×60, auf 120×120 skaliert, war nach etwa 10–25 ms fertig, das eingepasste PNG (1,6 KB) behielt seine Streifen mit Füllung darum, das zugeschnittene (857 B) verlor die äußeren Streifen. Ein Durchlauf antwortet in Millisekunden, unabhängig von der Größe; die Felder, die Vorschau und die drei Messwerte zeigen, was passiert ist.

  1. Ziehen Sie ein Bild in die Werkbank oder wählen Sie eines aus. Das Werkzeug arbeitet mit einer Datei: Eine weitere Auswahl ersetzt die erste, und eine Datei, die kein Bild ist, wird mit einer Meldung abgelehnt, während das geladene Bild bleibt.
  2. Tragen Sie Breite und Höhe in Pixeln ein. Ein leeres Feld behält die Ausgangsgröße — 240×60 mit leerer Breite und Höhe 60 ergab 240×60 — und die verwendeten Zahlen werden nach dem Lauf zurückgeschrieben. Werte unter 1 px werden abgelehnt, Dezimalwerte gerundet: 100,6 und 60,4 wurden 101×60.
  3. Wählen Sie, wie das Bild eingepasst wird. Einpassen skaliert das ganze Bild in den Rahmen und füllt die kürzere Seite, Füllen und zuschneiden vergrößert und schneidet die längere Seite ab, Strecken nutzt den Rahmen exakt. Die Füllung erhält die Hintergrundfarbe oder bleibt transparent, wenn Transparenz behalten gewählt ist — die Voreinstellung für PNG und WebP.
  4. Wählen Sie das Ausgabeformat: PNG, JPEG oder WebP. Die Qualität gilt für JPEG und WebP zwischen 10 und 100; ein leeres Feld oder 0 fällt auf 88 zurück, und die korrigierte Zahl wird zurückgeschrieben. JPEG hat keinen Alphakanal, deshalb werden transparente Bereiche dort mit der Hintergrundfarbe gefüllt.
  5. Klicken Sie auf Dateien verarbeiten, prüfen Sie Vorschau und Messwerte (Eingabegröße, Ausgabegröße, Abmessungen des Ergebnisses) und laden Sie herunter: Die Datei heißt wie die Quelle mit der neuen Größe, zum Beispiel wide-240x60-120x120.png. Ein Download vor dem Lauf oder nach Leeren antwortet mit einer Meldung statt gar nichts zu tun.

Was die Einpass-Modi tun und welche Größen der Browser ablehnt

Dasselbe Bild in den drei Einpass-Modi

Eine Quelle mit 240×60 aus drei Farbstreifen, angefordert als 120×120: Einpassen skalierte das ganze Bild auf 120×30 und füllte oben und unten, Füllen und zuschneiden skalierte auf 120×120 und schnitt die äußeren Streifen ab, Strecken zeichnete alle drei Streifen mit veränderten Proportionen in den Rahmen. Die Messwerte nennen die Größe des Ergebnisses, der Modus lässt sich also ohne Öffnen der Datei prüfen.

Die Füllung erhält die Hintergrundfarbe. PNG und WebP behalten stattdessen die Transparenz, wenn Transparenz behalten gewählt ist — hier wie in den Werkzeugen zum Konvertieren und für Stapel die Voreinstellung —, ein Logo in einem größeren Rahmen behält also seinen transparenten Rand. JPEG hat keinen Alphakanal, seine transparenten Bereiche werden immer mit der Hintergrundfarbe gefüllt.

Größen, die der Browser ablehnt

Die Canvas, die der Browser kodieren kann, setzt die Grenze: 16384 px pro Seite und 32 Megapixel insgesamt. 16384×60 endete mit einem PNG von 7,1 KB, 16385×60 stoppte mit der Meldung, die beide Zahlen nennt, und 70000 px antwortet nicht mehr mit „Der Browser kann dieses Format nicht dekodieren“, sondern mit derselben Grenzmeldung.

Breite und Höhe nehmen ganze Zahlen ab 1 px an: 0 und -5 werden mit einer Meldung abgelehnt, statt still die Ausgangsgröße oder ein Ein-Pixel-Bild zu werden, und der Grund steht in der Statuszeile. Ein leeres Feld behält die Ausgangsgröße, und die verwendeten Zahlen werden nach dem Lauf in die Felder zurückgeschrieben, sodass das Formular immer die benutzte Größe zeigt.

Vorlagen, die keine reinen Bitmaps sind

Ein animiertes GIF wird als erstes Einzelbild verarbeitet. Ein SVG wird in seiner eigenen Größe gezeichnet und dann wie jedes Bild skaliert — ein Symbol mit 60×30 ergab auf 120×60 genau 120×60. Ein JPEG, dessen EXIF eine gedrehte Kamera meldet, wird so gezeichnet, wie Betrachter es zeigen: Eine Datei mit 40×24 und Orientierung 6 ergab 24×40, und die neue Datei trägt kein EXIF, weil das Ergebnis aus den sichtbaren Pixeln neu kodiert wird.

Eine beschädigte, leere oder umbenannte Datei antwortet mit „Der Browser kann dieses Format nicht dekodieren.“ und es wird nichts geschrieben; ein abgelehnter Dateityp behält das geladene Bild. Ein Download ohne Ergebnis meldet „Skalieren Sie zuerst ein Bild und laden Sie dann das Ergebnis herunter.“ statt einen Fehler zu werfen, und Leeren entfernt Bild, Vorschau und Messwerte.

Zuletzt verwendet: