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

SVG in AVIF umwandeln

AVIF macht die leichteste Rasterkopie eines Vektors mit erhaltener Transparenz: flache Füllungen und saubere Verläufe komprimieren sich hervorragend. Wähl den Maßstab (1–4×) für die nötige Auflösung. Die Qualität ist hier standardmäßig 70, nicht 60: scharfe Vektorkanten verraten Artefakte früher als ein Foto.

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 WebP umwandeln

So funktioniert es

Wirf die SVG herein und wähl den Export-Maßstab von 1× bis 4×; er multipliziert die im SVG selbst angegebene Größe.

Der Vektor wird erst in Pixel gerendert, dann mit Qualität 70 in AVIF kodiert — einen Punkt über dem fotografischen, um die Kanten zu schützen.

Vergrößere die Vorschau an feinen Strichen und kleinem Text vor dem Bestätigen und speichere jedes AVIF oder den ganzen Satz als Archiv.

SVG vs AVIF

Vektor gegen Raster-Codec ist im Kern eine Frage des Ziels: auf deiner eigenen Website gewinnt SVG kommentarlos, aber dort, wo Vektoren verboten sind, fertigt AVIF den genauesten und leichtesten Doppelgänger mit vollem Alphakanal. Qualität 70 verbirgt fast seine einzige Schwäche — geglättete feine Linien.

SVGAVIF
KompressionVektor (XML-Text)Verlustbehaftet oder verlustfrei
TransparenzJa (voller Alphakanal)Ja (voller Alphakanal)
AnimationJa (CSS/SMIL)Ja (selten genutzt)
UnterstützungAlle Browser; von Upload-Formularen oft abgelehntAlle aktuellen Browser (Safari ab 16.4, 2023)
Ideal fürLogos, Symbole, IllustrationenHero-Bilder und fotolastige Seiten

Häufige Fragen

Auf dieser Seite