Zum Tutorial springen
lil cactus

Wie wandelt man SVG in PNG um?

Einsteiger4 MinutenAktualisiert

Kurze Antwort

Öffnen Sie in Lil Cactus die SVG mit Datei dann Öffnen… Wählen Sie Bild dann Bildgröße…, geben Sie im Feld Breite 1024 Pixel ein und klicken Sie auf Größe ändern; die quadratische Übungsgrafik wird 1024 × 1024 px groß. Wählen Sie Datei dann Exportieren dann PNG…, ersetzen Sie den Inhalt des Felds Dateiname durch leaf-mark-1024.png und klicken Sie auf Exportieren.

Die Vorschau „Als PNG exportieren“ mit einem zweifarbig grünen Blatt mit cremefarbener Blattader vor einem transparenten Schachbrettmuster
Das skalierte Blatt in der PNG-Vorschau. Das Schachbrettmuster steht für Transparenz.
Dauer
4 Minuten
Niveau
Einsteiger
Sie brauchen
Eine SVG-Datei, etwa das Übungsblatt unten
Funktioniert mit
SVG-Dateien. SVGs mit Effekten, die Lil Cactus nicht als bearbeitbare Formen erhalten kann, öffnen sich als einzelne Bildebene
Beispiel in Lil Cactus öffnenEigenes Foto verwenden

Kostenlos, ohne Anmeldung. Ihr Foto bleibt auf Ihrem Computer.

Vielleicht haben Sie ein Logo oder eine Illustration als SVG, brauchen aber eine PNG für ein Dokument oder ein Upload-Formular. In dieser Übung wird aus einem Blatt mit 512 × 512 px eine PNG mit 1024 × 1024 px. Mit Ihrer eigenen Zielbreite gehen Sie genauso vor.

Eine SVG beschreibt Formen statt Pixel, deshalb legen Sie die Pixelgröße beim Umwandeln fest. Stellen Sie diese Größe vor dem Export mit „Bildgröße“ ein: Dabei werden die Formen der SVG in der neuen Größe neu gezeichnet, und die Kanten bleiben scharf.

SVG in vier Schritten in PNG umwandeln

  1. Die SVG öffnen

    Öffnen Sie die Übungsgrafik von dieser Seite. Für Ihre eigene SVG wählen Sie Datei dann Öffnen… und dann die Datei.

    Das Menü „Datei“ mit eingekreistem Befehl „Öffnen…“
    Die SVG öffnen, die Sie umwandeln möchten.

  2. Die Pixelmaße festlegen

    Wählen Sie Bild dann Bildgröße… Ersetzen Sie den Wert im Feld Breite durch 1024. Die verknüpfte Höhe wird bei dieser quadratischen Grafik zu 1024. Klicken Sie auf Größe ändern.

    Das Menü „Bild“ mit eingekreistem Befehl „Bildgröße…“
    Die Dokumentgröße vor dem Export festlegen.
    Das Dialogfeld „Bildgröße“ mit Breite 1024 und Höhe 1024; die Felder und „Größe ändern“ sind eingekreist
    Das Übungsblatt verdoppelt sich von 512 × 512 px auf 1024 × 1024 px.

  3. Datei › Exportieren › PNG… wählen

    Wählen Sie Datei dann Exportieren dann PNG… Das Dialogfeld Als PNG exportieren öffnet sich mit einer Vorschau der skalierten Grafik.

    Tipp Lassen Sie Ausgabegröße ändern im PNG-Dialogfeld ausgeschaltet. Die Option vergrößert die fertigen Pixel und macht die Kanten dadurch weicher; die in Schritt 2 festgelegte Größe ist bereits scharf.

    Das Menü „Datei“ und das Untermenü „Exportieren“ mit eingekreistem Eintrag „PNG…“
    PNG für das neue Pixelbild wählen.

  4. Die PNG benennen und exportieren

    Ersetzen Sie den Inhalt des Felds Dateiname durch leaf-mark-1024.png. Prüfen Sie die Abmessungen 1024 × 1024 px in der Fußzeile und klicken Sie dann auf Exportieren. Ihr Browser speichert die PNG über seine Download- bzw. Speicherorteinstellungen.

    Das Feld „Dateiname“ der PNG mit leaf-mark-1024.png, eingekreist
    Der exportierten PNG einen eigenen Dateinamen geben.
    Die Fußzeile des PNG-Dialogfelds mit 1024 × 1024 px, Abbrechen und der eingekreisten Schaltfläche „Exportieren“
    Die Ausgabemaße entsprechen der in Schritt 2 festgelegten Größe.

Wie es weitergeht

SVG in PNG umwandeln: Fragen und Antworten

Behält die PNG den transparenten Hintergrund der SVG?

Ja. In Lil Cactus erhält PNG die transparenten Bereiche der geöffneten Grafik. Ein deckender Hintergrund in der SVG bleibt deckend.

Warum ändert sich die Höhe, wenn ich eine neue Breite eingebe?

In Lil Cactus verknüpft „Bildgröße“ Breite und Höhe standardmäßig, damit die Proportionen der Grafik erhalten bleiben. Eine rechteckige SVG behält ihre Form, statt quadratisch zu werden.

Warum hat sich meine SVG als eine einzige Bildebene geöffnet?

In Lil Cactus lassen sich manche SVG-Funktionen nicht in bearbeitbare Formen umwandeln. Der Editor öffnet die SVG dann unter Umständen als einzelne Bildebene, um ihr Aussehen zu erhalten, und zeigt eine Meldung mit dem Grund an. Wird diese Bildebene vergrößert, entstehen keine neuen Vektordetails.

Behält eine PNG die bearbeitbaren Pfade der SVG?

Nein. In Lil Cactus erzeugt der PNG-Export ein Pixelbild. Die heruntergeladene PNG enthält die bearbeitbaren Pfade der SVG nicht.

Überschreibt der PNG-Export meine ursprüngliche SVG?

Nein. In Lil Cactus lädt „Exportieren“ eine separate PNG herunter und lässt die SVG-Datei unverändert. „Datei › Speichern“ würde die skalierte Grafik zurück in die SVG schreiben, verwenden Sie also „Exportieren“, wenn Sie nur die PNG brauchen.

Veröffentlicht  · Zuletzt geprüft