Zum Hauptinhalt springen

Kostenloser Online-Konverter SVG

Konvertieren Sie SVG-Dateien in PNG, JPG, WebP, BMP, GIF, AVIF, ICO oder ICNS - oder vektorisieren Sie PNG-, JPG-, WebP-, GIF-, BMP-, AVIF- und TIFF-Bilder als SVG. Alles läuft privat in Ihrem Browser, mit Stapelverarbeitung für bis zu 40 Dateien und ohne Anmeldung oder Wasserzeichen.

SVG zu PNG, JPG & mehr konvertieren
RasterVektor

SVG und Bilder konvertieren

SVG zu Bild

Rendern Sie eine SVG-Datei als PNG, JPG, WebP, BMP, GIF oder AVIF. Breite, Höhe, DPI, Hintergrund, Qualität und optional abgerundete Ecken sind einstellbar.

SVG zu PNG, JPG & mehr konvertieren

SVG zu Icon

Erzeugt mehrgrößige Windows-.ico-Favicons oder macOS-.icns-App-Icons aus einer SVG-Datei. Alle Standardgrößen bis zu Ihrer Zielauflösung werden in eine einzige Datei gepackt.

ICO- oder ICNS-Icon erzeugen

Bild zu SVG

Vektorisieren Sie PNG, JPG, WebP, GIF, BMP, AVIF oder TIFF in skalierbare SVG-Pfade. Wählen Sie eine Farb- oder Schwarzweiß-Durchzeichnung und passen Sie die Details an die Quelle an.

Bild nach SVG vektorisieren

Favicon-Generator

Ein Logo hinein, das ganze Paket heraus: favicon.ico, die PNGs für Apple und Android, ein Web-Manifest und die HTML-Tags, gebündelt als ZIP.

Favicons erzeugen

SVGs optimieren und bündeln

SVG-Optimierer

Komprimieren Sie SVG-Dateien mit SVGO. Entfernen Sie Metadaten und Editordaten, vereinfachen Sie das Markup und vergleichen Sie das Ergebnis mit drei Voreinstellungen, Kontrollen pro Durchgang und einem Pixelunterschied.

SVG optimieren und komprimieren

SVG-Symbol-Sprite

Packen Sie viele SVG-Icons als <symbol>-Elemente in eine einzige Sprite-Datei, mit kollisionsfreien IDs und einem fertigen <use>-Snippet für jedes Icon.

Symbol-Sprite erzeugen

SVG-Spritesheet

Ordnen Sie mehrere SVGs in einem Raster an und exportieren Sie ein PNG-, WebP- oder SVG-Sheet mit einer JSON-Map jedes Frames.

Spritesheet erzeugen

SVG für Entwickler exportieren

SVG zu Data-URI

Betten Sie eine SVG als URL-kodierte oder Base64-Data-URI direkt in CSS oder HTML ein. Fertige Snippets für background-image, mask-image und das img-Tag sind dabei.

SVG in CSS einbetten

SVG zu React

Erzeugen Sie JSX, eine .tsx- oder .jsx-Komponente mit Props und forwardRef oder ein .ts-Modul, das das Markup als String exportiert. Konvertieren Sie komplette Icon-Sets und laden Sie sie als ZIP herunter.

React-Komponente erzeugen

Nach Ausgabeformat konvertieren

Nach Eingabeformat vektorisieren

Was ist SVG?

SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektor-Bildformat. Anstelle von Pixeln beschreibt eine SVG-Datei Formen, Pfade, Füllungen und Konturen mathematisch und kann daher in jeder Größe ohne Qualitätsverlust gerendert werden.

SVG ist das Standard-Vektorformat für das Web. Es wird von allen modernen Browsern nativ unterstützt und lässt sich mit CSS gestalten oder mit JavaScript beziehungsweise SMIL animieren. Für Logos, Icons und Illustrationen ist es oft kompakt; komplexe SVG-Dateien können jedoch groß werden.

SVG vs. Rasterformate

Vektor-Grafiken (SVG) und Raster-Grafiken (PNG, JPG) lösen unterschiedliche Probleme. Welches Format das richtige ist, hängt vom Verwendungszweck ab.

EigenschaftSVGPNG / JPGICO / ICNS
SkalierungAuflösungsunabhängigVerschwommen beim VergrößernVorgerendert in festen Größen
DateigrößeKlein bei Formen und IconsWächst mit der AuflösungBündel vorgerenderter Raster
BearbeitungAls Text oder in Vektor-Tools editierbarNur Pixel-BearbeitungGrößen einzeln bearbeiten und neu packen
AnimationCSS, SMIL, JavaScriptEingeschränkt (animiertes PNG/GIF)Nicht unterstützt
TransparenzJaPNG ja, JPG neinJa (PNG-basiert)

Datenschutz: Ihre Dateien verlassen den Browser nicht

Die Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript und WebAssembly. Es erfolgt kein Datei-Upload oder eine serverseitige Konvertierung, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.

Die lokale Verarbeitung trägt zum Schutz vertraulicher Logos, interner Dokumente und unveröffentlichter Kundengrafiken bei. Seiten und Konvertierungscode werden zwischengespeichert, während Sie sie verwenden, sodass bereits geöffnete Tools ohne Netzwerkverbindung weiterarbeiten können.

Häufige Fragen

Ist dieser SVG-Konverter wirklich kostenlos?

Ja. Die Nutzung aller Konverter und Optionen ist kostenlos, ohne Konto, Wasserzeichen, Premium-Stufe oder Download-Paywall. Es gelten weiterhin der Browserspeicher und die dokumentierten Exportbeschränkungen.

Werden meine SVG-Dateien auf einen Server hochgeladen?

Nein. Die Konvertierung wird lokal in Ihrem Browser ausgeführt, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.

Was ist die maximale SVG-Dateigröße oder Stapelgröße?

Für das SVG, das Sie ablegen, gibt es keine Grenze außer dem Browser-Speicher. Der Export ist auf 64 Megapixel begrenzt, mit maximal 16.384 px pro Seite. In einem Stapel lassen sich bis zu 40 Dateien konvertieren und als ein einziges ZIP herunterladen.

Wie konvertiere ich eine SVG ohne Qualitätsverlust?

Legen Sie vor der Konvertierung Breite, Höhe und DPI für die endgültige Verwendung fest. Vektorformen werden mit dieser Auflösung gerendert, sodass sie scharf bleiben. Eingebettete Rasterbilder sind immer noch durch ihre Quellauflösung begrenzt. Wählen Sie PNG oder BMP für verlustfreie Pixel oder JPG und WebP, wenn eine kleinere Datei wichtiger ist als die exakte Pixelerhaltung.

Kann ich ein mehrgrößiges ICO-Favicon oder ICNS-Icon exportieren?

Ja. Verwenden Sie das SVG-zu-Icon-Tool. Wählen Sie eine Zielgröße, und der Konverter packt jeden Standard-Slot bis zu dieser Größe in eine einzige Datei: 16, 32, 48, 64, 128, 256 für .ico (Windows-Favicons und Verknüpfungssymbole) und 16, 32, 64, 128, 256, 512, 1024 für .icns (macOS-App- und Dokumentsymbole).

Welche Ausgabeformate behalten einen transparenten Hintergrund?

PNG, WebP, AVIF, BMP, ICO und ICNS übernehmen den vollen Alphakanal aus Ihrer SVG: Wählen Sie vor dem Export die Hintergrund-Option „Transparent“. GIF kennt nur 1-Bit-Transparenz, ein Pixel wird also entweder gezeichnet oder gar nicht, ohne weiche Kanten. JPG hat keinen Alphakanal, durchscheinende Bereiche werden daher auf die von Ihnen gewählte Hintergrundfarbe gelegt.

Kann ich mehrere SVG-Dateien gleichzeitig konvertieren (Batch-Konvertierung)?

Ja. Legen Sie bis zu 40 SVG-Dateien in den Konverter, stellen Sie die Ausgabeoptionen einmal ein (Format, Größe, Hintergrund, Qualität) und klicken Sie auf Alle speichern. Jede Datei lässt sich einzeln herunterladen oder alle zusammen als einzelne ZIP-Datei.

Was ist der Unterschied zwischen SVG und PNG, JPG oder WebP?

SVG speichert Formen als Vektoranweisungen, sodass sie skaliert werden können, ohne dass es zu Pixeln kommt. PNG, JPG und WebP speichern ein festes Pixelraster und können weich aussehen, wenn sie über ihre Exportgröße hinaus vergrößert werden. Verwenden Sie SVG für skalierbare Logos, Symbole und Illustrationen; Verwenden Sie ein Rasterformat, wenn das Ziel eines erfordert.