Wie exportiere ich ein SVG als hochauflösendes PNG?

Setze die Skalierung auf 2x oder 3x oder tippe eine explizite Breite wie 1024. Weil die Quelle Vektor ist, bleibt eine größere Ausgabegröße gestochen — du wählst einfach, wie viele Pixel gerastert werden, also wähle die Auflösung, die das Ziel braucht.

Wie entscheidet dieser Konverter die Ausgabegröße des PNG?

Er liest die intrinsische Größe des SVG aus seinen width- und height-Attributen, oder aus der viewBox, wenn diese fehlen, und wendet dann deine Skalierung oder explizite Breite/Höhe an. Wenn du nur eine Dimension setzt, bleibt das ursprüngliche Seitenverhältnis erhalten.

Kann ich SVG in ein JPG statt ein PNG konvertieren?

Ja. Wechsle das Format zu JPG und nutze den Qualitäts-Schieber für kleinere Dateien. JPG hat keine Transparenz, daher wird das Bild auf Weiß oder die gewählte Hintergrundfarbe abgeflacht; nutze PNG, wenn du einen transparenten Hintergrund brauchst.

Warum fehlt der Text in meinem SVG nach dem Konvertieren zu PNG?

Das Browser-Canvas rastert ohne deine System- oder Web-Fonts, sodass leer rendern kann. Wandle Text vor dem Rastern hier in deinem Vektor-Editor in Konturen (Pfade) um oder bette die Font in das SVG ein.

Behält das Konvertieren von SVG zu PNG einen transparenten Hintergrund?

Die PNG-Ausgabe bewahrt Transparenz, also wähle PNG mit der Option transparenter Hintergrund, um sie zu behalten. Die Vorschau zeigt ein Schachbrett, wo das Bild durchsichtig ist. Wähle eine solide Füllfarbe, wenn du einen undurchsichtigen Hintergrund brauchst.

Wird mein SVG hochgeladen, wenn ich es zu PNG konvertiere?

Nein. Der SVG zu PNG Konverter rendert alles auf einem Canvas in deinem Browser. Das Markup oder die Datei, die du ablegst, wird lokal gerastert und das Ergebnis verlässt dein Gerät nie oder wird an ArrayKit gesendet.

SVG zu PNG Konverter

Verwandle SVG-Markup oder eine .svg-Datei in ein gestochenes PNG oder JPG in jeder Skalierung, direkt in deinem Browser. Deine Grafik bleibt auf deinem Gerät.

Der SVG zu PNG Konverter rastert deine Grafik auf einem Canvas in deinem Browser. Die .svg-Datei oder das Markup, das du ablegst oder einfügst, wird lokal konvertiert und niemals zu ArrayKit hochgeladen.

Bild-Konverter öffnen

Über SVG zu PNG

Der SVG zu PNG Konverter rastert Vektorgrafiken ohne jede Design-Software in ein Pixelbild. Lege eine .svg-Datei ab oder füge SVG-Markup ein, wähle dann die Ausgabegröße — ein 1x-, 2x- oder 3x-Vielfaches der intrinsischen Größe, eine eigene Skalierung oder explizite Breite und Höhe unter Beibehaltung des Seitenverhältnisses. Er liest die Größe aus den width- und height-Attributen des SVG oder seiner viewBox, sodass das, was du exportierst, zur Quelle passt. Wähle PNG für verlustfreie Transparenz oder JPG für kleinere Fotos und setze einen transparenten oder soliden Hintergrund. Praktisch, wenn eine Plattform SVG ablehnt, du ein Retina-@2x-Asset brauchst oder ein Favicon, README-Bild oder E-Mail-Grafik eine Bitmap sein muss. Alles rendert lokal auf einem Canvas; deine Grafik verlässt dein Gerät nie.

Funktionen

Lege eine .svg-Datei ab oder füge rohes SVG-Markup ein — keine Design-App nötig
Liest die intrinsische Größe aus width/height-Attributen oder der viewBox
Exportiere bei 1x, 2x, 3x, einer eigenen Skalierung oder expliziter Breite und Höhe
Sperrt das Seitenverhältnis, wenn du nur eine Breite oder nur eine Höhe setzt
PNG-Ausgabe behält Transparenz; JPG fügt einen einstellbaren Qualitäts-Schieber hinzu
Transparenter oder einfarbiger Hintergrund mit einer Live-Schachbrett-Vorschau
Sieh die intrinsische Größe, die Ausgabe-Pixel und die Dateigröße vor dem Herunterladen
Rastert auf einem Canvas in deinem Browser, ohne dass etwas hochgeladen wird

So verwendest du SVG zu PNG

Lege eine .svg-Datei ab oder füge SVG-Markup in den Quellbereich ein
Wähle eine Skalierung (1x/2x/3x oder eigene) oder tippe eine explizite Breite oder Höhe
Wähle PNG oder JPG und einen transparenten oder farbigen Hintergrund
Prüfe die Raster-Vorschau und lade dann das PNG oder JPG herunter

Beispiel

Eingabe

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>

Ausgabe

64×32 SVG → 128×64 PNG at 2x scale

Eine viewBox von 0 0 64 32, bei 2x gerastert, wird zu einem 128×64-PNG.

Häufige Fehler & Fehlerbehebung

Das exportierte PNG sieht verschwommen oder verpixelt aus. — Erhöhe die Skalierung (probiere 2x oder 3x) oder setze eine explizit größere Breite. Weil die Quelle Vektor ist, bleibt eine höhere Ausgabegröße scharf — du wählst die Raster-Auflösung.
Text oder eine Icon-Font verschwindet im PNG. — Das Canvas-Rendering lädt keine externen oder System-Fonts. Wandle Text in deinem Editor in Pfade (Konturen) um oder bette die Font ein, bevor du rasterst.
Das SVG nutzt width="100%" und kommt in der Standardgröße heraus. — Prozentgrößen haben keine festen Pixelmaße, daher wird die viewBox genutzt, oder ein 300×300-Standard, wenn keine vorhanden ist. Füge eine viewBox oder eine explizite Pixel-Breite/-Höhe hinzu oder setze hier eine eigene Breite.
Ein extern referenziertes Bild oder Stylesheet fehlt. — Nur eigenständige SVGs rastern zuverlässig. Bette alle verlinkten <image href>-Assets und CSS inline ein, sodass das Markup keine externen Abhängigkeiten hat.

Häufig gestellte Fragen

Wie exportiere ich ein SVG als hochauflösendes PNG?: Setze die Skalierung auf 2x oder 3x oder tippe eine explizite Breite wie 1024. Weil die Quelle Vektor ist, bleibt eine größere Ausgabegröße gestochen — du wählst einfach, wie viele Pixel gerastert werden, also wähle die Auflösung, die das Ziel braucht.
Wie entscheidet dieser Konverter die Ausgabegröße des PNG?: Er liest die intrinsische Größe des SVG aus seinen width- und height-Attributen, oder aus der viewBox, wenn diese fehlen, und wendet dann deine Skalierung oder explizite Breite/Höhe an. Wenn du nur eine Dimension setzt, bleibt das ursprüngliche Seitenverhältnis erhalten.
Kann ich SVG in ein JPG statt ein PNG konvertieren?: Ja. Wechsle das Format zu JPG und nutze den Qualitäts-Schieber für kleinere Dateien. JPG hat keine Transparenz, daher wird das Bild auf Weiß oder die gewählte Hintergrundfarbe abgeflacht; nutze PNG, wenn du einen transparenten Hintergrund brauchst.
Warum fehlt der Text in meinem SVG nach dem Konvertieren zu PNG?: Das Browser-Canvas rastert ohne deine System- oder Web-Fonts, sodass <text> leer rendern kann. Wandle Text vor dem Rastern hier in deinem Vektor-Editor in Konturen (Pfade) um oder bette die Font in das SVG ein.
Behält das Konvertieren von SVG zu PNG einen transparenten Hintergrund?: Die PNG-Ausgabe bewahrt Transparenz, also wähle PNG mit der Option transparenter Hintergrund, um sie zu behalten. Die Vorschau zeigt ein Schachbrett, wo das Bild durchsichtig ist. Wähle eine solide Füllfarbe, wenn du einen undurchsichtigen Hintergrund brauchst.
Wird mein SVG hochgeladen, wenn ich es zu PNG konvertiere?: Nein. Der SVG zu PNG Konverter rendert alles auf einem Canvas in deinem Browser. Das Markup oder die Datei, die du ablegst, wird lokal gerastert und das Ergebnis verlässt dein Gerät nie oder wird an ArrayKit gesendet.