J'ai un fichier SVG qui a une taille définie de 16x16. Lorsque j'utilise le programme de conversion d'ImageMagick pour le convertir en PNG, j'obtiens un PNG 16x16 pixels qui est beaucoup trop petit:

convert test.svg test.png

Je dois spécifier la taille de pixel du PNG de sortie. -sizesemble être ignoré, le -scaleparamètre met à l'échelle le PNG après sa conversion en PNG. Le meilleur résultat obtenu jusqu'à présent en utilisant le -densityparamètre:

convert -density 1200 test.svg test.png

Mais je ne suis pas satisfait, car je veux spécifier la taille de sortie en pixels sans faire de calcul pour calculer la valeur de densité. Je veux donc faire quelque chose comme ça:

convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png

Alors, quel est le paramètre magique que je dois utiliser ici?

Je n'ai pas pu obtenir de bons résultats d'ImageMagick dans ce cas, mais Inkscape le fait très bien sous Linux et Windows:

inkscape -z -w 1024 -h 1024 input.svg -e output.png

Edit (mai 2020): Utilisateurs d'Inkscape 1.0, veuillez noter que les arguments de la ligne de commande ont changé:

inkscape -w 1024 -h 1024 input.svg --export-filename output.png

Voici le résultat de la mise à l'échelle d'un SVG 16x16 en PNG 200x200 à l'aide de cette commande:

Juste pour référence, ma version d'Inkscape (sur Ubuntu 12.04) est:

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

et sur Windows 7, c'est:

Inkscape 0.48.4 r9939 (Dec 17 2012)

Essayez svgexport :

svgexport input.svg output.png 64x
svgexport input.svg output.png 1024:1024

svgexport est un simple outil de ligne de commande multiplateforme que j'ai créé pour exporter des fichiers svg en jpg et png, voir ici pour plus d'options. Pour installer svgexport, installez npm , puis exécutez:

npm install svgexport -g

Edit: Si vous rencontrez un problème avec la bibliothèque, veuillez le soumettre sur GitHub, merci!

Ce n'est pas parfait mais ça fait l'affaire.

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

Fondamentalement, cela augmente le DPI suffisamment haut (utilisez simplement une supposition éclairée / sûre) pour que le redimensionnement soit effectué avec une qualité adéquate. J'essayais de trouver une solution appropriée à cela, mais après un certain temps, j'ai décidé que c'était assez bon pour mes besoins actuels.

Remarque: utilisez 200x200! pour forcer la résolution donnée

Si vous utilisez MacOS X et rencontrez des problèmes avec la conversion d'Imagemagick, vous pouvez essayer de le réinstaller avec RSVG lib. Utilisation de HomeBrew:

brew remove imagemagick
brew install imagemagick --with-librsvg

Vérifiez qu'il délègue correctement:

$ convert -version
Version: ImageMagick 6.8.9-8 Q16 x86_64 2014-12-17 http://www.imagemagick.org
Copyright: Copyright (C) 1999-2014 ImageMagick Studio LLC
Features: DPC Modules
Delegates: bzlib cairo fontconfig freetype jng jpeg lcms ltdl lzma png rsvg tiff xml zlib

Il devrait s'afficher rsvg.

Inkscape ne semble pas fonctionner lorsque les unités svg ne le sont pas px(par exemple cm). J'ai une image vierge. Peut-être que cela pourrait être corrigé en tournant le dpi, mais c'était trop gênant.

Svgexport est un programme node.js et n'est donc généralement pas utile.

La conversion d'Imagemagick fonctionne correctement avec:

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

Si vous utilisez -resize, l'image est floue et le fichier est beaucoup plus volumineux.

MEILLEUR

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

Il est le plus rapide, a le moins de dépendances et la sortie est environ 30% plus petite que convertie. Installez librsvg2-bin pour l'obtenir. Il ne semble pas y avoir de page de manuel mais vous pouvez taper:

~$ rsvg --help

pour obtenir de l'aide. C'est simple c'est bien.

Après avoir suivi les étapes de la réponse de Jose Alban , j'ai réussi à faire fonctionner correctement ImageMagick en utilisant la commande suivante:

convert -density 1536 -background none -resize 100x100 input.svg output-100.png

Le nombre 1536 provient d'une estimation approximative de la densité, voir cette réponse pour plus d'informations.

Afin de redimensionner l'image, l'option -densitydoit être utilisée. Pour autant que je sache, la densité standard est de 72 et correspond à la taille 1: 1. Si vous souhaitez que le png de sortie soit deux fois plus grand que le svg d'origine, définissez la densité sur 72 * 2 = 144:

convert -density 144 source.svg target.png

pourquoi ne pas essayer la ligne de commande inkscape, voici mon fichier bat pour convertir tous les svg de ce dir en png:

POUR %% x IN (* .svg) FAITES C: \ Ink \ App \ Inkscape \ inkscape.exe %% x -z --export-dpi = 500 --export-area-drawing --export-png = "% % ~ nx.png "

Je suis venu à ce poste - mais je voulais juste faire la conversion par lot et rapidement sans utiliser de paramètres (en raison de plusieurs fichiers de tailles différentes).

rsvg drawing.svg drawing.png

Pour moi, les exigences étaient probablement un peu plus faciles que pour l'auteur d'origine. (Je voulais utiliser des SVG dans MS PowerPoint, mais cela ne le permet pas)

Dans ImageMagick, on obtient un meilleur rendu SVG si on utilise Inkscape ou RSVG avec ImageMagick que son propre rendu interne MSVG / XML. RSVG est un délégué qui doit être installé avec ImageMagick. Si Inkscape est installé sur le système, ImageMagick l'utilisera automatiquement. J'utilise Inkscape dans ImageMagick ci-dessous.

Il n'y a pas de paramètre "magique" qui fera ce que vous voulez.

Mais, on peut calculer très simplement la densité exacte nécessaire pour rendre la sortie.

Voici un petit bouton 50x50 lorsqu'il est rendu à la densité par défaut de 96:

convert button.svg button1.png

Supposons que nous voulons que la sortie soit de 500. L'entrée est de 50 à une densité par défaut de 96 (les anciennes versions d'Inkscape peuvent utiliser 92). Vous pouvez donc calculer la densité nécessaire en proportion des rapports des dimensions et des densités.

512/50 = X/96
X = 96*512/50 = 983

convert -density 983 button.svg button2.png

Dans ImageMagick 7, vous pouvez effectuer le calcul en ligne comme suit:

magick -density "%[fx:96*512/50]" button.svg button3.png

or

in_size=50
in_density=96
out_size=512

magick -density "%[fx:$in_density*$out_size/$in_size]" button.svg button3.png

Une chose qui m'a tout simplement mordu était la définition de -densityAPRÈS le nom du fichier d'entrée. Ça n'a pas marché. Le déplacer vers la première option de conversion (avant toute autre chose) l'a fait fonctionner (pour moi, YMMV, etc.).

Pour une conversion SVG en PNG simple, j'ai trouvé que cairosvg ( https://cairosvg.org/ ) fonctionne mieux qu'ImageMagick. Étapes d'installation et d'exécution sur tous les fichiers SVG de votre répertoire.

pip3 install cairosvg

Ouvrez un shell python dans le répertoire qui contient vos fichiers .svg et exécutez:

import os

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

Cela vous permettra également de ne pas écraser vos fichiers .svg d'origine, mais de conserver le même nom. Vous pouvez ensuite déplacer tous vos fichiers .png vers un autre répertoire avec:

$ mv *.png [new directory]

Sans librsvg, vous pouvez obtenir une image png / jpeg noire. Nous devons installer librsvgde convertfichier svg avec ImageMagick.

Ubuntu

 sudo apt-get install imagemagick librsvg
 convert -density 1200 test.svg test.png

MacOS

 brew install imagemagick librsvg
 convert -density 1200 test.svg test.png

J'ai résolu ce problème en modifiant les attributs widthet heightde la <svg>balise pour qu'elle corresponde à la taille de sortie souhaitée, puis en la convertissant à l'aide d'ImageMagick. Fonctionne comme un charme.

Voici mon code Python, une fonction qui retournera le contenu du fichier JPG:

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

La meilleure réponse de @ 808sound n'a pas fonctionné pour moi. Je voulais redimensionner

et j'ai

Au lieu de cela, j'ai ouvert Inkscape, puis je suis allé à File, Export as PNG fileet une boîte GUI est apparue qui m'a permis de définir les dimensions exactes dont j'avais besoin.

Version sur Ubuntu 16.04 Linux: Inkscape 0.91 (September 2016)

(Cette image est d' ailleurs des packs d'actifs de Kenney.nl )

Sur macOS en utilisant brew, utiliser librsvg fonctionne directement bien

brew install librsvg
rsvg-convert test.svg -o test.png

De nombreuses options sont disponibles via rsvg-convert --help

Sur Linux avec Inkscape 1.0 pour convertir de svg en png, vous devez utiliser

inkscape -w 1024 -h 1024 input.svg --export-file output.png

ne pas

inkscape -w 1024 -h 1024 input.svg --export-filename output.png