Zum Inhalt springen
ImageConverter

Sichere Umwandlung auf dem Server

SVG in AVIF umwandeln

Rendern Sie ein SVG als AVIF-Bild: die leichteste Bitmap-Version, die Sie aus einem Vektordesign machen können, mit intakter Transparenz. Ein mit 1024 Pixeln gerendertes Logo kam auf etwa 4 KB, rund ein Viertel desselben Renderings als PNG. Prüfen sollten Sie, wie sauber die Kanten bleiben, und die Messungen unten beantworten genau das.

Automatisch gelöscht Uploads werden innerhalb von 30 Minuten entfernt

Ziehen Sie Ihre SVG-Bilder hierher

Fügen Sie mehrere auf einmal hinzu. Jede Datei wird verarbeitet und danach von unserem Server gelöscht.

Bis zu 20 MB pro Datei Stapelfähig

Ausgabebreite

SVG ist ein Vektorformat und lässt sich daher in jeder Größe ohne Schärfeverlust darstellen.

75
Kleinere Datei Mehr Details
Vorgaben:

Höher bewahrt mehr Details, niedriger ergibt eine kleinere Datei. Gilt für Bilder, die Sie nach der Änderung hinzufügen.

Schritt für Schritt

So wandeln Sie SVG in AVIF um in 3 Schritten

  1. Wählen Sie eine Breite

    die größte Größe, in der das Bild angezeigt wird.

  2. Lassen Sie die Qualität auf 75

    Lassen Sie die Qualität auf 75 oder setzen Sie sie auf 90 für praktisch verlustfreie Kanten.

  3. Fügen Sie Ihr SVG hinzu und laden Sie das AVIF herunter

Formatvergleich

SVG oder AVIF

SVG (Scalable Vector Graphics)

Vektor

Beschreibt Formen und Text als Anweisungen statt als Pixel und lässt sich daher in jeder Größe scharf zeichnen.

  • Scharf in jeder Größe, vom Favicon bis zur Plakatwand
  • Sehr kleine Dateien für Logos, Symbole und Diagramme
  • Kann kein Foto darstellen, und viele Apps können es nicht importieren

AVIF (AV1 Image File Format)

Verlustbehaftet oder verlustfrei

Das neueste breit unterstützte Webformat, basierend auf dem Videocodec AV1 und auf kleinstmögliche Dateien ausgelegt.

  • Meist die kleinste Datei bei gegebener sichtbarer Qualität
  • Unterstützt von aktuellem Chrome, Edge, Firefox und Safari
  • Langsam zu kodieren und von viel älterer Software nicht unterstützt

Wann Sie Pixel statt Vektoren brauchen

Auf einer Website ist es meist am besten, ein SVG als SVG zu lassen: Es ist winzig und in jeder Größe scharf. Es gibt aber gute Gründe für eine Bitmap: eine Plattform, die kein SVG annimmt, ein Bild, das den Code der Zeichnung nicht offenlegen soll, Vorschauen in sozialen Netzwerken und E-Mails, die SVG selten unterstützen, oder Designs mit Filtern, die jeder Browser anders rendert.

Brauchen Sie Pixel, liefert AVIF die leichteste Datei. Gemessen mit einem kleinen Logo in jeder Breite:

  • 512 px: 2,1 KB.
  • 1024 px: 4,2 KB.
  • 2048 px: 7,1 KB.
  • 4096 px: 13,9 KB.

Zum Vergleich: Dasselbe Design mit 1024 Pixeln wog als PNG 15,7 KB, als TIFF 21 KB und als unkomprimiertes BMP 2,1 MB.

Wie sauber bleiben die Kanten?

AVIF ist verlustbehaftet, und ein Vektordesign besteht nur aus harten Kanten, genau dort, wo sich verlustbehaftete Kompression zuerst zeigt. Also haben wir gemessen und jedes AVIF mit einem verlustfreien Rendering desselben SVG verglichen, nachdem beide auf weiße und schwarze Hintergründe gesetzt wurden, so wie sie auf einer Seite erscheinen würden:

  • Qualität 75, der Standard: Entlang der Kanten weicht die Farbe im Mittel um weniger als 2 von 255 Stufen vom verlustfreien Rendering ab. In normaler Größe unsichtbar.
  • Qualität 90: praktisch verlustfrei (die größte Abweichung an irgendeiner Stelle einer Kante lag bei 6 Stufen), bei 6,8 KB, immer noch weniger als die Hälfte des PNG.

Für ein Logo, das bei genauem Hinsehen pixelgenau sein muss, wählen Sie 90. Für alles andere ist 75 nicht zu unterscheiden und leichter.

Qualität

Qualität und Dateigröße

Transparenz

SVG-Designs werden meist auf transparentem Hintergrund gezeichnet, und AVIF behält das als vollständigen Alphakanal, das Bild steht also sauber auf jeder Hintergrundfarbe.

So wählen Sie die Breite

Das Rendering wird in der gewählten Breite gezeichnet, ist in dieser Größe also vollkommen scharf und lässt sich später nicht vergrößern, ohne weich zu werden. Wählen Sie die größte Größe, in der das Bild tatsächlich angezeigt wird. Auf Bildschirmen mit hoher Pixeldichte, die zwei oder drei Gerätepixel pro CSS-Pixel zeigen, heißt das das Doppelte oder Dreifache der Layoutbreite: Ein Logo mit 200 Pixeln Layoutbreite braucht auf einem 2×-Bildschirm 400 Pixel und auf den 3×-Bildschirmen vieler Handys 600, die Option mit 1024 Pixeln deckt also beides ab.

Schriften

Text in einer per Namen genannten Schrift, der nicht in Pfade umgewandelt wurde, wird mit der gleichwertigen Schrift gezeichnet, die der Renderer hat, und das kann von Ihrem Design abweichen. Wandeln Sie den Text vor dem SVG-Export in Pfade um.

Browser-Unterstützung

Alle großen aktuellen Browser zeigen AVIF an: Chrome, Firefox, Safari und Edge. Manche E-Mail-Programme und ältere Software nicht. Für E-Mail und breite Kompatibilität ist PNG sicherer; WebP ist ein guter Mittelweg.

Wann sich die Umwandlung von SVG in AVIF lohnt

  • Plattformen, die keine SVG-Uploads annehmen, und das sind viele.
  • Open-Graph- und Vorschaubilder für soziale Netzwerke für Seiten, die AVIF ausliefern.
  • Komplexe Illustrationen mit vielen Pfaden, Verläufen oder Filtern, bei denen eine Bitmap leichter ist und überall gleich gerendert wird.
  • Seiten, bei denen Leistung entscheidend ist und die Designs als Bitmap mit möglichst geringem Gewicht brauchen.

AVIF, WebP oder PNG?

  • AVIF: das leichteste. 4,2 KB bei 1024 px mit Qualität 75.
  • WebP: etwas schwerer (6,2 KB bei Qualität 75) und außerhalb von Browsern kompatibler.
  • PNG: verlustfrei und universell kompatibel, mit 15,7 KB.

Ist es sicher, ein SVG hochzuladen?

SVG-Dateien können Skripte und Verweise auf externe Ressourcen enthalten, deshalb wird jede hochgeladene Datei geprüft, bevor irgendetwas sie liest: Dateien mit Skripten, externen Verweisen oder Dokumenttyp-Deklarationen werden direkt abgelehnt statt bereinigt. Das Ergebnis ist ein einfaches Bild, nichts aus dem SVG kann also ausgeführt werden.

Was mit Ihrer Datei passiert

SVGs werden auf unserem Server gerendert, wo sie geprüft werden können. Ihr Upload wird gelöscht, sobald die Umwandlung fertig ist, das Ergebnis, sobald Sie es herunterladen, und alles Liegengebliebene wird automatisch entfernt.

Datenschutz

Was mit Ihrer Datei passiert

Dieses Werkzeug arbeitet auf unserem Server und liefert so auf jedem Handy und Computer dasselbe Ergebnis. Ihre Datei wird hochgeladen, und genau das passiert mit ihr:

  • Außerhalb des öffentlichen Webverzeichnisses unter einem zufälligen Namen gespeichert, nie unter dem Namen Ihrer Datei.
  • Verarbeitet, wobei die hochgeladene Originaldatei sofort gelöscht wird – egal, ob es geklappt hat oder nicht.
  • Das Ergebnis liegt hinter einem signierten Link, den nur Sie erhalten und der nach 20 Minuten ungültig wird, und die Datei wird gelöscht, sobald Sie sie herunterladen.
  • Alles, was nie abgeholt wird, wird innerhalb von 30 Minuten automatisch gelöscht.
  • Das Bild selbst wird nie protokolliert oder aufbewahrt. Schlägt eine Umwandlung fehl, erfassen wir die beteiligten Formate und den Fehler – nicht die Datei.
  • Kamera-Metadaten, einschließlich etwaiger GPS-Koordinaten des Aufnahmeorts, werden aus dem Ergebnis entfernt. Nur die Drehung, die für die richtige Ausrichtung nötig ist, bleibt erhalten.

Fragen & Antworten

SVG in AVIF: häufige Fragen

Wie groß wird mein AVIF?

Sehr klein. Ein Logo wog 2,1 KB bei 512 px, 4,2 KB bei 1024 px, 7,1 KB bei 2048 px und 13,9 KB bei 4096 px. Bei 1024 px wog das PNG desselben Designs 15,7 KB.

Werden die Kanten meines Logos weich?

Nicht mit dem Standardwert. Wir haben AVIF-Renderings mit einem verlustfreien auf weißem und schwarzem Hintergrund verglichen: Bei Qualität 75 wichen die Kantenfarben im Mittel um weniger als 2 von 255 Stufen ab. Bei Qualität 90 lag die größte Abweichung an irgendeiner Kante bei 6 Stufen (praktisch verlustfrei), bei 6,8 KB.

Bleibt die Transparenz erhalten?

Ja. AVIF trägt einen vollständigen Alphakanal, ein auf transparentem Hintergrund gezeichnetes Design steht also sauber auf jeder Seitenfarbe.

Welche Breite sollte ich wählen?

Die größte Größe, in der das Bild angezeigt wird, unter Berücksichtigung von Bildschirmen mit hoher Pixeldichte: Ein Bild mit 200 Pixeln Layoutbreite braucht auf einem 2×-Bildschirm 400 px und auf dem 3×-Bildschirm eines Handys 600 px, 1024 px decken also beides ab. Das Rendering lässt sich später nicht vergrößern, ohne weich zu werden.

Sollte ich beim SVG bleiben?

Auf Ihrer eigenen Website oft ja: SVGs sind winzig und in jeder Größe scharf. Wandeln Sie um, wenn eine Plattform kein SVG annimmt, für Vorschauen in sozialen Netzwerken und E-Mails oder für komplexe Designs, die jeder Browser anders rendert.

AVIF, WebP oder PNG?

AVIF ist das leichteste (4,2 KB bei 1024 px). WebP ist mit 6,2 KB etwas schwerer und außerhalb von Browsern kompatibler. PNG ist verlustfrei und universell, mit 15,7 KB.

Weiter entdecken

Verwandte Bildwerkzeuge

Alle Werkzeuge ansehen

SVG in WebP umwandeln

Wandeln Sie SVG in jeder Auflösung in WebP um, mit intakter Transparenz. Leichter als PNG und schärfer als JPG bei Grafiken.

Auf unserem Server

SVG in PNG umwandeln

Wandeln Sie SVG in jeder Auflösung in PNG um, mit intakter Transparenz. Gerendert wird aus dem Vektor, die Kanten bleiben in jeder Größe scharf.

Auf unserem Server

SVG in TIFF umwandeln

Rendern Sie SVG-Designs als transparentes TIFF für Druck- und Layoutprogramme, bis 4096 Pixel. So wählen Sie die Breite passend zur Druckgröße.

Auf unserem Server

SVG in BMP umwandeln

Wandeln Sie SVG mit 512 bis 4096 Pixeln Breite in BMP um. Die Breite bestimmt Schärfe und Größe: Ein SVG mit 226 Byte wurde bei 1024 px zu 2,1 MB.

Auf unserem Server