Wandeln Sie JPEG-Bilder mit der Canvas-API vollständig im Browser in WebP um — ohne Upload auf einen Server.
Verarbeitungsschritte
- Eine lokale
.jpg-/.jpeg-Datei wählen. - Qualität (0–1) einstellen, um visuelle Treue und Dateigröße abzuwägen.
- Die Datei wird dekodiert, auf eine Offscreen-Canvas gezeichnet und über
toBlob('image/webp')exportiert. - Ergebnis in der Vorschau prüfen und die
.webp-Datei herunterladen.
WebP erreicht bei vergleichbarer wahrgenommener Qualität typischerweise 25–35 % kleinere Dateien als JPEG, besonders bei Fotos mit Verläufen.
Wann Sie es nutzen
Assets für moderne Web-Stacks vorbereiten, Kompressionseinstellungen vor einer Batch-Pipeline vergleichen oder ein einzelnes Bild umwandeln, wenn Desktop-Tools fehlen.
Einschränkungen
Die Umwandlungsqualität hängt von der WebP-Encoder-Unterstützung des Browsers ab (in modernen Browsern weit verbreitet). EXIF-Metadaten, ICC-Farbprofile und progressive JPEG-Struktur bleiben nicht erhalten. Sehr große Bilder können Browser-Speichergrenzen treffen. Animiertes JPEG wird nicht unterstützt.
Beispiel
Geben Sie beispielsweise die Standard-Beispielwerte im Formular ein und vergleichen Sie die Ausgabe mit einer bekannten Referenz; ändern Sie jeweils nur einen Eingabewert, um die Wirkung zu sehen.