Wie konvertiert man ein SVG zu einem PNG mit Image Magick?

Ich habe nicht in der Lage, gute Ergebnisse zu bekommen von ImageMagick in diesem Beispiel, aber Inkscape ist eine schöne Aufgabe, es auf Linux und Windows:

inkscape -z -e test.png -w 1024 -h 1024 test.svg

Hier ist das Ergebnis der Skalierung eine 16 x 16 SVG auf ein 200x200 Pixel großes PNG mit diesem Befehl:

Nur als Referenz, meine Inkscape version (auf Ubuntu 12.04):

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

und auf Windows 7 ist es:

Inkscape 0.48.4 r9939 (Dec 17 2012)

InformationsquelleAutor der Antwort 808sound

Dies ist nicht perfekt, aber es macht den job.

convert -density 1200 -resize 200x200 source.svg target.png

Grundsätzlich erhöht es die DPI hoch genug ist (verwenden Sie einfach einen ausgebildete/safe Vermutung), dass die Größenanpassung erfolgt mit angemessener Qualität. Ich war auf der Suche nach einer passenden Lösung, um diese aber nach einer Weile beschlossen, das war gut genug für meinen aktuellen Bedarf.

Hinweis: Verwenden 200x200! zu zwingen, die bestimmten Auflösung

InformationsquelleAutor der Antwort Hardev

Inkscape scheint nicht zu funktionieren, wenn svg-Einheiten sind nicht px (z.B. cm). Ich habe ein leeres Bild. Vielleicht, es könnte behoben werden, indem Anpassungen der dpi-Wert, aber es war zu lästig.

Svgexport ist ein node.js Programm und damit in aller Regel nicht sinnvoll.

'Imagemagick' s convert funktioniert mit:

 ~$ convert -background none -size 1024x1024 infile.svg outfile.png

Wenn Sie -resizedas Bild ist unscharf und die Datei ist viel größer.

BESTEN

~$ rsvg  -w 1024 -h 1024 infile.svg  outfile.png

Es ist am schnellsten, hat die wenigsten Abhängigkeiten, und der Ausgang ist über 30% kleiner als konvertieren. Install librsvg2-bin um es zu bekommen. Es scheint nicht, ein Mensch zu sein-Seite, aber Sie können geben Sie:

~$ rsvg --help

bekommen etwas Unterstützung. Einfach ist gut.

InformationsquelleAutor der Antwort september_converter

Um skalieren Sie das Bild, die option-Dichte verwendet werden soll. Soweit ich weiß, die standard-Dichte ist 72 und Karten der Größe 1:1. Wenn Sie möchten, dass die Ausgabe von png zu werden als doppelt so groß wie die original-svg-set die Dichte von 72*2=144

konvertieren -Dichte 144 Quelle.svg-Ziel.png

InformationsquelleAutor der Antwort Stanislav Schmidt

Eine Sache, die nur mich etwas Einstellung war, die -density NACHDEM die input-Datei-name. Das hat nicht funktioniert. Bewegen Sie auf die erste option, die in der konvertieren (vor allem anderen) hat es funktioniert (für mich, YMMV, usw.).

InformationsquelleAutor der Antwort Nick

Ich habe dieses Problem gelöst durch ändern der width und height Attribute der <svg> tag an meinem bestimmt Ausgabegröße und dann konvertieren mit ImageMagick. Funktioniert wie ein Charme.

Hier mein Python-code eine Funktion zurückgeben, die JPG-Datei den Inhalt:

import gzip, re, os
from ynlib.files import ReadFromFile, WriteToFile
from ynlib.system import Execute
from xml.dom.minidom import parse, parseString


def SVGToJPGInMemory(svgPath, newWidth, backgroundColor):

    tempPath = os.path.join(self.rootFolder, 'data')
    fileNameRoot = 'temp_' + str(image.getID())

    if svgPath.lower().endswith('svgz'):
        svg = gzip.open(svgPath, 'rb').read()
    else:
        svg = ReadFromFile(svgPath)

    xmldoc = parseString(svg)

    width = float(xmldoc.getElementsByTagName("svg")[0].attributes['width'].value.split('px')[0])
    height = float(xmldoc.getElementsByTagName("svg")[0].attributes['height'].value.split('px')[0])

    newHeight = int(newWidth / width * height) 

    xmldoc.getElementsByTagName("svg")[0].attributes['width'].value = '%spx' % newWidth
    xmldoc.getElementsByTagName("svg")[0].attributes['height'].value = '%spx' % newHeight

    WriteToFile(os.path.join(tempPath, fileNameRoot + '.svg'), xmldoc.toxml())
    Execute('convert -background "%s" %s %s' % (backgroundColor, os.path.join(tempPath, fileNameRoot + '.svg'), os.path.join(tempPath, fileNameRoot + '.jpg')))

    jpg = open(os.path.join(tempPath, fileNameRoot + '.jpg'), 'rb').read()

    os.remove(os.path.join(tempPath, fileNameRoot + '.jpg'))
    os.remove(os.path.join(tempPath, fileNameRoot + '.svg'))

    return jpg

InformationsquelleAutor der Antwort Yanone

Für einfache SVG zu PNG-Konvertierung fand ich cairosvg (https://cairosvg.org/) besser abschneidet als ImageMagick. Schritte für die Installation und läuft auf allen SVG-Dateien in Ihrem Verzeichnis.

pip3 install cairosvg

Öffnen Sie eine python-shell in das Verzeichnis, das enthält Ihre .svg-Dateien und ausführen:

import os

for file in os.listdir('.'):
    name = file.split('.svg')[0]
    cairosvg.svg2png(url=name+'.svg',write_to=name+'.png') 

Wird dies auch sicherzustellen, dass Sie nicht überschreiben Ihre ursprünglichen .svg-Dateien, aber halten die gleichen Namen. Dann können Sie verschieben Sie alle Ihre .png-Dateien in ein anderes Verzeichnis mit:

$ mv *.png [new directory]

InformationsquelleAutor der Antwort edank