Application en ligne de commande pour convertir SVG en PNG sur Mac OS X

J'ai découvert que pour moi, le meilleur outil pour ce travail est rsvg-convert .

On peut le trouver en brassage avec brew install librsvg et s'utilise comme suit :

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

Cet exemple crée un png de 32px de haut. La largeur est déterminée automatiquement.

ImageMagick est un extrêmement éditeur d'images polyvalent en ligne de commande, qui rivaliserait probablement avec Photoshop s'il avait, vous savez, une interface graphique. Mais qui en a besoin de toute façon :P

Quelque chose comme ce qui suit permettrait de convertir un .svg en .png, après installation :

$ convert picture.svg picture.png

Le .svg original n'est pas supprimé.

Inkscape avec son interface de ligne de commande produit les meilleurs résultats pour moi :

Installez Inkscape :

brew install inkscape

Convertissez test.svg en output.png avec une largeur de 1024 (gardez le rapport d'aspect) :

/Applications/Inkscape.app/Contents/MacOS/inkscape --export-type png --export-filename output.png -w 1024 test.svg

ANCIENNE RÉPONSE (ne fonctionne plus avec la dernière version d'inkscape) :

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

OK, j'ai trouvé un moyen simple de le faire sur le Mac si vous avez Google Chrome.

(et cela fonctionne même si c'est pour convertir une webp dans Chrome pour png o jpg )

En une phrase, c'est voir le svg dans une page web (doit être dans un format html ), faites un clic droit sur l'image, choisissez "Copier l'image" et collez-la dans l'application de prévisualisation.

Des pas :

1. Télécharger ou faire télécharger le svg dans votre disque dur, disons, somefile.svg
2. Maintenant, dans le même dossier, il suffit de créer un fichier html tmp.html qui contient cette ligne : <img src="somefile.svg">
3. Maintenant, ouvrez ce fichier html dans Google Chrome
4. Vous devriez voir l'image. Maintenant, faites un clic droit sur l'image et choisissez "Copier l'image".
5. Allez dans l'application de prévisualisation de Mac, et choisissez, "File -> New from Clipboard"
6. Maintenant File -> Save le fichier et vous avez le png fichier. (ou d'autres types de fichiers).

Ce test est effectué sur la version actuelle de Chrome (version 48.0) sur Mac OS X El Capitan.

Mise à jour : Je ne suis pas sûr que cela soit dû à une quelconque restriction imposée par Google Chrome. Je viens d'essayer un fichier SVG avec Chrome 58.0, et j'obtiens une image minuscule avec la méthode ci-dessus. Si vous voyez ce cas aussi, vous pouvez aussi utiliser

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

ou si vous voulez plus de marge, utilisez :

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

et vous aurez une image à l'écran suffisamment bonne pour que vous puissiez faire une capture d'écran -- en utilisant CmdShift4 o CmdShift3 sur le Mac, par exemple. Veillez d'abord à redimensionner votre fenêtre Chrome au maximum autorisé sur l'écran.