SVG → PNG
SVG in PNG umwandeln
Zieh eine Vektordatei hinein und bekomm ein PNG in der Auflösung, die die Aufgabe braucht. Das Rastern geschieht in diesem Tab, Designarbeit bleibt also zwischen dir und deiner Maschine.
Ein PNG hat feste Pixel: Beim späteren Vergrößern wird es weich, während das SVG bei jeder Größe scharf bleibt. Transparente Bereiche bleiben erhalten, sie werden nicht gefüllt.
So wandelst du SVG in PNG um
Vektor laden
Zieh die .svg-Datei hinein oder füge sie ein. Dateien, die in ihrem Kopf keine Breite und Höhe angeben, werden stattdessen in einem 1024-Pixel-Viewport gerendert.
Pixelgröße wählen
Setz die Breite oder Höhe, die du brauchst – 256 für ein App-Icon, 2400 für eine gedruckte Grafik – und die andere Dimension folgt dem Seitenverhältnis. Ein Export wird nie über die Größe hinaus vergrößert, die die Datei angibt.
PNG exportieren
Speicher das Raster und nutz es überall, wo ein PNG erwartet wird: eine Folie, eine Favicon-Pipeline, eine README oder ein Store-Eintrag, der keine Vektoren akzeptiert.
Vektoren in Pixel verwandeln
SVG ist XML: Pfade, Füllungen und Textanweisungen, die ein Renderer bei jedem Zoom auflöst, deshalb werden Logos und Icons als Vektoren gezeichnet. PNG ist ein Raster fertiger Pixel, Rastern bedeutet also, zuerst eine Rastergröße festzulegen – jede Kurve wird darauf abgetastet, und die Auflösung, die du wählst, ist die Auflösung, die du behältst.
Die Zeichnung wird über die SVG-Engine des Browsers gerendert, dieselbe, die sie auf einer Seite anzeigt, Verläufe, Filter und beschnittene Formen verhalten sich also wie auf dem Bildschirm, und Transparenz bleibt erhalten, weil PNG einen Alphakanal trägt. Der Preis ist die Festigkeit: Vergrößer das PNG danach, und Kanten werden weich, während ein frischer Export aus dem SVG in größerer Größe scharf bleibt. Behalt den Vektor als Master-Datei.
Fragen zu SVG in PNG
Wie wähle ich die PNG-Auflösung?
Denk an die größte Stelle, an der es erscheinen wird: 16–64 px für ein Favicon, 256–512 px für ein App-Icon, 1000 px oder mehr für den Druck. Setz eine Dimension, und die andere folgt dem Verhältnis; erneut in einer anderen Größe zu exportieren ist günstig, weil die Quelle scharf bleibt.
Was verliere ich im Vergleich zum SVG?
Skalierbarkeit und Bearbeitbarkeit: Das PNG ist ein festes Raster, Vergrößern macht es also unscharf, und seine Formen sind kein Text mehr, den du umgestalten kannst. Behandel den Export als Auslieferungskopie für eine Größe und heb die Original-.svg auf.
Mein SVG hat keine Breite und Höhe. Was passiert?
Es wird in einen 1024-Pixel-Viewport gerendert, und das wird seine intrinsische Größe, eine Datei mit nur einer viewBox gilt also als 1024 px breit. Setz hier eine explizite Pixelgröße, oder füg Breite und Höhe im Markup hinzu, wenn du etwas Genaues brauchst.
Behält das PNG die Transparenz, und wird meine Datei hochgeladen?
Transparenz bleibt erhalten, weil PNG einen echten Alphakanal hat – ein Logo auf durchsichtigem Hintergrund bleibt durchsichtig. Nichts wird hochgeladen: Die Grafik wird in diesem Tab gerendert und kodiert, bis zu 64 MB pro Datei, und die Seite arbeitet nach dem Laden offline.