shadcn.io— Tausende fertige shadcn/ui-Blöcke
Zum Werkzeug springen
image.dev
Aus SVG

SVG in WebP umwandeln

WebP liefert die leichteste Rasterkopie von Vektorgrafik, die trotzdem die Transparenz bewahrt — praktisch für Social-Media-Karten, Thumbnails von Symbolsätzen und Seiten, wo SVG schlecht rendert oder aus Sicherheitsgründen blockiert wird. Rendere in 2× für gewöhnliche Oberflächen; die flachen Farben des Vektors komprimieren sich hervorragend.

Zieh SVG-Bilder hierheroder klick zum Auswählen — Einfügen aus der Zwischenablage geht auch

Verarbeitung auf deinem Gerät — Dateien verlassen den Browser nicht

Auch nützlich: SVG in PNG umwandeln

So funktioniert es

Zieh die SVG herein — der Renderer rastert sie lokal aus den angegebenen Maßen.

Leg den Maßstab fest (1–4×, standardmäßig 2×) für die Ausgabeauflösung und lass die Qualität bei etwa 85; die flachen Farben des Vektors komprimieren dort bestens.

Hol jedes WebP einzeln oder den ganzen Satz als ein ZIP — mit erhaltenem Alpha.

SVG vs WebP

Ein gerendertes WebP gibt alles auf, was das SVG besonders macht — Skalierbarkeit, saubere Kanten bei jedem Zoom, bearbeitbaren Text — für eine Sache: es lädt dort, wo SVG verboten ist. Social-Media-Karten, Marktplätze und E-Mail-Clients sind genau so ein Ort. Deine eigene Website sollte dennoch den Vektor ausliefern.

SVGWebP
KompressionVektor (XML-Text)Verlustbehaftet oder verlustfrei
TransparenzJa (voller Alphakanal)Ja (voller Alphakanal)
AnimationJa (CSS/SMIL)Ja
UnterstützungAlle Browser; von Upload-Formularen oft abgelehntAlle aktuellen Browser (seit 2020)
Ideal fürLogos, Symbole, IllustrationenWebbilder: Fotos, Thumbnails, UI-Elemente

Häufige Fragen

Auf dieser Seite