SVG online in PNG oder JPG umwandeln

Was ist dieses Tool?

SVG ist ein Vektorformat – mathematisch beschriebene Formen, die unbegrenzt skalierbar sind und sich ideal für Logos und Symbole eignen. Allerdings wird es vielerorts nicht akzeptiert: Word-Dokumente, die meisten sozialen Plattformen, E-Mail-Clients und unzählige Upload-Formulare verlangen Pixelbilder. Durch die Konvertierung (Rasterisierung) wird der Vektor in ein PNG- oder JPG-Bild in einer bestimmten Größe umgewandelt.

Da Vektorgrafiken keine feste Auflösung haben, können Sie die Ausgabebreite selbst festlegen – und da die Vorlage auf mathematischen Formeln basiert, ist ein Export mit 2048 px genauso scharf wie einer mit 256 px. Bei der PNG-Ausgabe bleibt der transparente Hintergrund der SVG-Datei erhalten; bei der JPG-Ausgabe wird er mit Weiß gefüllt.

Warum sollte man es nutzen?

• Alle Auflösungen aus einer Hand: vom 256-px-Favicon bis zum 2048-px-Druckbild – alles pixelgenau.
• Die PNG-Ausgabe behält die Transparenz bei – Logos lassen sich auf jeden beliebigen Hintergrund einfügen.
• Behebt innerhalb von Sekunden die Ablehnung von Uploads mit der Meldung „SVG wird nicht unterstützt“.
• Stapelkonvertierung, lokale Verarbeitung, kein Upload.
• Verarbeitet SVGs ohne explizite Breite/Höhe, indem die viewBox ausgelesen wird.

Anleitung

1. Ziehen Sie die .svg-Dateien in das Feld oder klicken Sie, um sie auszuwählen.
2. Wählen Sie eine Ausgabebreite aus – bei „Auto“ wird die im SVG-Dokument festgelegte Größe verwendet.
3. Wählen Sie „PNG“ (behält die Transparenz bei) oder „JPG“ (weißer Hintergrund).
4. Laden Sie jedes gerenderte Bild herunter; die Abmessungen sind bei jeder Datei angegeben.

Beispiel

Eingabe

logo.svg — 4 KB vector

Ausgabe

logo.png — 1024×1024, transparent background, crisp at every pixel

Eine einzige kleine Vektorquelle erzeugt pixelgenaue Raster in jeder gewünschten Größe.

Häufige Anwendungsfälle

• Ein Firmenlogo (das in der Regel vom Designer als SVG-Datei bereitgestellt wird) in ein Word- oder PowerPoint-Dokument einfügen, das die Einbettung von SVG-Dateien nicht unterstützt.
• Erstellung von App-Symbolen oder Favicons in allen erforderlichen Pixelgrößen (16, 32, 180, 512 px) aus einer SVG-Vorlage.
• Das Hinzufügen eines Symbols zur E-Mail-Signatur, da die meisten E-Mail-Programme nur Rasterbilder anzeigen.
• Das Hochladen von Grafiken auf eine Social-Media-Plattform oder ein CMS, das SVG-Dateien aus Sicherheitsgründen beim Hochladen ablehnt.

Warum es überhaupt Beschränkungen für das Hochladen von SVG-Dateien gibt

Viele Plattformen blockieren das Hochladen von SVG-Dateien aus Sicherheitsgründen und nicht aus Versehen: Da SVG auf XML basiert und technisch gesehen JavaScript einbetten kann, kann eine bösartige SVG-Datei als Einfallstor für Skript-Injektionen dienen, wenn eine Plattform sie ungeprüft rendert. Die Rasterung einer SVG-Datei in PNG oder JPG entfernt alles außer den Pixeldaten. Dies ist ein Grund, warum diese Konvertierung oft nicht nur aus praktischen Gründen erforderlich ist, sondern auch notwendig – die Zielplattform kann das Vektorformat tatsächlich nicht sicher verarbeiten, unabhängig davon, ob Ihre konkrete SVG-Datei harmlos ist.

Wie die Auflösungsunabhängigkeit tatsächlich funktioniert

Eine SVG-Datei speichert überhaupt keine Pixel – sie speichert mathematische Pfaddefinitionen („Zeichne eine Linie von diesem Punkt zu jenem Punkt“, „Fülle diese Kurve mit dieser Farbe“) und eine viewBox, die den Koordinatenraum definiert, in dem sich diese Pfade befinden. Wenn man sie rastert, berechnet die Rendering-Engine des Browsers jede Kurve und jede Füllung bei jeder gewünschten Pixelgröße jedes Mal von Grund auf neu. Das unterscheidet sich grundlegend von der Größenänderung eines bestehenden Rasterbildes (eines JPG oder PNG), bei der eine Vergrößerung bedeutet, dass Pixel erfunden werden, die nie da waren, und das Bild zwangsläufig unscharf wirkt – ein mit 4000px gerendertes SVG ist genauso scharf wie eines mit 100px, da beide frisch anhand genau derselben mathematischen Berechnungen berechnet werden und nicht aus einer kleineren Quelle gestreckt werden.

Häufig gestellte Fragen