Was ist die Bildgrößenänderung in mehreren Größen?

Die Bildgrößenänderung in mehreren Größen ist der Prozess, bei dem mehrere unterschiedlich große Kopien desselben Ausgangsbildes in einem einzigen Durchlauf erstellt werden. Statt ein Bild für jeden Anwendungsfall immer wieder manuell zu skalieren - etwa für ein Website-Favicon, ein Social-Media-Banner, ein App-Symbol oder ein Vorschaubild - legen Sie die gewünschten Abmessungen einmal fest und erzeugen alle Versionen gleichzeitig.

Dieser Ansatz ist in der Web- und App-Entwicklung weit verbreitet, da eine einzelne Ausgangsgrafik häufig in vielen Auflösungen exportiert werden muss, um unterschiedliche Plattformen, Pixeldichten und Designvorgaben zu erfüllen (beispielsweise App-Symbolsätze mit Varianten in 16, 32, 48, 128 und 512 Pixeln).

Beschreibung des Tools

Dieses Tool skaliert ein einzelnes hochgeladenes Bild auf beliebig viele von Ihnen festgelegte Kombinationen aus Breite und Höhe. Anschließend können Sie eine Vorschau anzeigen, die Ergebnisse einzeln herunterladen oder alle Ergebnisse zusammen als ZIP-Archiv herunterladen. Alles läuft lokal in Ihrem Browser über die Canvas API - das Originalbild wird niemals auf einen Server hochgeladen.

Funktionen

  • Mehrere benutzerdefinierte Größen gleichzeitig: Fügen Sie beliebig viele benannte Breiten-/Höhenpaare hinzu und erzeugen Sie sie mit einem einzigen Klick
  • Seitenverhältnis sperren: Berechnet die Höhe anhand der Proportionen des Originalbildes automatisch aus der Breite neu, oder legen Sie beide Abmessungen unabhängig voneinander fest
  • Flexibler Export: Wählen Sie als Ausgabeformat PNG, JPG oder WebP mit anpassbarer Qualität und laden Sie die Ergebnisse einzeln oder gebündelt als ZIP herunter

Erläuterung der Optionen

  • Seitenverhältnis beibehalten: Wenn diese Option aktiviert ist, wird die Höhe anhand der Proportionen des Originalbildes automatisch aus der Breite berechnet. Deaktivieren Sie die Option, um das Bild auf exakte benutzerdefinierte Abmessungen zu strecken oder zuzuschneiden.
  • Ausgabeformat: PNG bewahrt Transparenz und eignet sich am besten für Grafiken und Symbole; JPG erzeugt kleinere Dateien für Fotos (transparente Bereiche werden weiß ausgefüllt); WebP bietet eine starke Komprimierung und unterstützt optional Transparenz.
  • Ausgabequalität: Steuert die Komprimierung bei JPG- und WebP-Exporten; hat keine Auswirkung auf PNG, da dieses Format immer verlustfrei ist.

Einschränkungen

  • Beim Ändern der Größe wird das Bild mithilfe der standardmäßigen Canvas-Skalierung vergrößert oder verkleinert. Es wird kein KI-Upscaling verwendet, daher können Vergrößerungen kleiner Bilder über ihre ursprüngliche Auflösung hinaus unscharf wirken.
  • Die JPG-Ausgabe unterstützt keine Transparenz - transparente Pixel werden auf einem weißen Hintergrund dargestellt.