Befehlszeilenanwendung zum Konvertieren von SVG in PNG unter Mac OS X

Gibt es Befehlszeilenprogramme, die eine SVG in PNG konvertieren können und unter Mac OS X ausgeführt werden?

Edit : Dylan B hatte eine gute Antwort mit ImageMagick. Um ImageMagick mit SVG-Unterstützung unter Mac OS X mit MacPorts zu installieren, gehen Sie wie folgt vor

port install imagemagick +rsvg

Oder ohne etwas zu installieren:

qlmanage -t -s 1000 -o . picture.svg 

Es wird picture.svg.png mit einer Breite von 1000 Pixeln erzeugt.

Ich habe es nur unter OS X 10.6.3 getestet.

Ich fand, dass für mich das beste Werkzeug für den Job ist rsvg-convert.

Es kann im Gebräu gefunden werden brew install librsvgund wird wie folgt verwendet:

rsvg-convert -h 32 icon.svg > icon-32.png

(In diesem Beispiel wird ein 32px hoher PNG erstellt. Die Breite wird automatisch bestimmt.

ImageMagick ist ein äußerst vielseitiger Befehlszeilen-Bildeditor, der es wahrscheinlich mit Photoshop aufnehmen würde, wenn er eine grafische Benutzeroberfläche hätte. Aber wer braucht das schon. : P

So etwas wie das Folgende würde nach der Installation eine .svg-Datei in eine .png-Datei konvertieren:

$ convert picture.svg picture.png

Die ursprüngliche .svg wird nicht gelöscht.

Inkscape mit seiner Commandline-Oberfläche liefert für mich die besten Ergebnisse:

/Applications/Inkscape.app/Contents/Resources/bin/inkscape --export-png output.png -w 1024 -h 768 input.svg

Gut ist, dass Sie die genaue Pixelgröße des resultierenden Bildes festlegen können, ohne sich mit der Dichte herumschlagen zu müssen.

OK, ich habe eine einfache Möglichkeit gefunden, dies auf dem Mac zu tun, wenn Sie über Google Chrome verfügen.

In einem Satz wird das svgBild auf einer Webseite angezeigt (muss in einer htmlDatei enthalten sein). Klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie "Bild kopieren" und fügen Sie es in die Vorschau-App ein.

Schritte:

1. Laden Sie die svgDatei herunter oder speichern Sie sie auf Ihrer Festplatte.somefile.svg
2. Erstellen Sie jetzt im selben Ordner eine HTML-Datei tmp.html, die diese Zeile enthält:<img src="somefile.svg">
3. Öffnen Sie nun diese HTML-Datei in Google Chrome
4. Sie sollten das Bild sehen. Klicken Sie jetzt mit der rechten Maustaste auf das Bild und wählen Sie "Bild kopieren"
5. Gehen Sie zu Macs Preview App und wählen Sie "File -> New from Clipboard"
6. Nun ist File -> Savedie Datei und Sie haben die pngDatei. (oder andere Dateitypen).

Dies wird auf dem aktuellen Chrome (Version 48.0) unter Mac OS X El Capitan getestet.

Update : Ich bin nicht sicher, ob es an einer von Google Chrome auferlegten Einschränkung liegt. Ich versuche gerade eine SVG-Datei mit Chrome 58.0 und erhalte ein winziges Bild von der obigen Methode. Wenn Sie diesen Fall auch sehen, können Sie auch verwenden

<img src="somefile.svg" style="height: 82vh; margin-top: 9vh; margin-left: 9vh">

und Sie haben ein Bild auf dem Bildschirm, das ausreicht, um einen Screenshot zu erstellen - zum Beispiel mit CmdShift4oder CmdShift3auf dem Mac. Stellen Sie sicher, dass Sie die Größe Ihres Chrome-Fensters auf die auf dem Bildschirm maximal zulässige Größe einstellen.

Wenn Sie viele auf einmal erledigen möchten, können Sie:

mogrify -format png *.svg

Es gibt auch Optionen zum Ändern der Größe usw. im laufenden Betrieb.

Versuchen Sie Apache Batik .

java -jar batik-rasterizer.jar FILES

Es unterstützt auch die Stapelkonvertierung und hat viele andere nützliche Optionen.

Ich habe svgexport mit node / npm dafür gemacht, es ist plattformübergreifend und kann so einfach sein wie:

svgexport input.svg output.png

Sie können auch Phantombilder verwenden , um das SVG zu rendern. Der Vorteil ist, dass es wie ein Browser gerendert wird, da es sich im Grunde um ein kopfloses WebKit handelt.

Sobald Sie es herunterladen müssen Sie PhantomJS (binär) und die rasterizer.js Datei aus dem Ordner Beispiele.

phantomjs examples/rasterize.js Tiger.svg out.png

Das habe ich benutzt:

brew install imagemagick --with-librsvg

Führen Sie dann die folgenden Befehle aus:

find . -type f -name "*.svg" -exec bash -c 'convert $0 $0.png' {} \; rename 's/svg\.png/png/' *

Ich hoffe es hilft.

Ich benutze diesen Befehl auf meinem Linux. Es sollte auch für Sie funktionieren.

mogrify +antialias -density 2000 -verbose -format png *.svg

Ich habe gelernt, dass ohne das Argument "-density" die Bitmap sehr pixelig wäre. Ändern Sie den Dichtewert entsprechend Ihren Anforderungen.

Der Konvertierungsbefehl von ImageMagick, der einige andere Parameter verwendet, hat mir geholfen. Hier ist meine Batch-Bash-Skriptlösung, die die Aufgabe auf mehrere Prozesse verteilt, um alle Ihre Kerne zu nutzen! Ändern Sie nach Bedarf.

batchConvertToSVG.sh (nimmt die Anzahl der Prozesse als Argument):

end=$(( $1 - 1 ))
for i in `seq 0 $end`;
        do
            echo Spawning helper $i of $end
                ./convertToSvgHelper.sh $i $1 &
        done 

convertToSvgHelper.sh:

n=$1
for file in ./*.svg; do
   filename=${file%.svg}
   echo converting file named $filename
   test $n -eq 0 && convert -format png -resize 74 -background transparent -density 600 $file $filename.png
   n=$((n+1))
   n=$((n%$2))
done

Wie bereits erwähnt, macht ImageMagick den Trick. Ich wollte nur einen Punkt für GraphicsMagick hinzufügen , eine alte Abzweigung von ImageMagick, die einige Verbesserungen aufweist (und bei der Installation über Fink die Abhängigkeit deutlich verringert).

Sie können eine Stapelkonvertierung für einen gesamten Ordner mit SVG-Dateien in PNG durchführen. Ich habe die Inkscape-Befehlszeilenschnittstelle verwendet, um PNG-Dateien mit einer Breite von 80 Pixel zu erstellen.

find ~/desktop/toconvert '*.svg' -exec /Applications/Inkscape.app/Contents/Resources/bin/inkscape -z -w 80 -e "{}".png "{}" \;

png wird unter dem ursprünglichen Namen * .png gespeichert

Noch eine andere Methode, ohne etwas zu installieren. Nicht in der Kommandozeile.

1. Öffnen Sie die SVG-Datei in Safari.
2. Drücken Sie Alt-Befehl-I, um den Inspektor zu öffnen.
3. Klicken Sie mit der rechten Maustaste auf das <svg>Tag und wählen Sie "Screenshot erfassen". (Beachten Sie, dass Sie das Bild nicht vergrößern dürfen.)

PS Um das .svg-Bild zu vergrößern, wenn es zu klein ist, öffnen Sie die .svg-Datei im Texteditor und hängen Sie sie 0an jede Zahl mit Ausnahme des Metaattributs an . Dies kann durch eine globale Regex-Ersetzung von (\d+)bis erfolgen $10, wobei $1der Platzhalter beispielsweise als Rückverweis dient.

wkhtmltoimage (aus dem Projekt wkhtmltopdf) hat dies gut umgesetzt:

wkhtmltoimage --zoom 2 foo.svg foo.png

ImageMagick rendert CJK-Zeichen auf meinem Mac als leer.