Tengo un archivo SVG que tiene un tamaño definido de 16x16. Cuando uso el programa de conversión de ImageMagick para convertirlo en PNG, obtengo un PNG de 16x16 píxeles que es demasiado pequeño:

convert test.svg test.png

Necesito especificar el tamaño de píxel de la salida PNG. -sizeel parámetro parece ignorarse, el -scaleparámetro escala el PNG después de que se haya convertido a PNG. El mejor resultado hasta ahora lo obtuve usando el -densityparámetro:

convert -density 1200 test.svg test.png

Pero no estoy satisfecho, porque quiero especificar el tamaño de salida en píxeles sin hacer cálculos matemáticos para calcular el valor de densidad. Entonces quiero hacer algo como esto:

convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png

Entonces, ¿cuál es el parámetro mágico que tengo que usar aquí?

No he podido obtener buenos resultados de ImageMagick en este caso, pero Inkscape hace un buen trabajo en Linux y Windows:

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

Editar (mayo de 2020): usuarios de Inkscape 1.0, tenga en cuenta que los argumentos de la línea de comando han cambiado:

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

Aquí está el resultado de escalar un SVG de 16x16 a un PNG de 200x200 usando este comando:

Solo como referencia, mi versión de Inkscape (en Ubuntu 12.04) es:

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

y en Windows 7, es:

Inkscape 0.48.4 r9939 (Dec 17 2012)

Prueba svgexport :

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

svgexport es una sencilla herramienta de línea de comandos multiplataforma que he creado para exportar archivos svg a jpg y png, consulte aquí para obtener más opciones. Para instalar svgexport, instale npm , luego ejecute:

npm install svgexport -g

Editar: Si encuentra un problema con la biblioteca, envíelo en GitHub, ¡gracias!

Esto no es perfecto pero hace el trabajo.

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

Básicamente, aumenta el DPI lo suficientemente alto (solo use una suposición educada / segura) de que el cambio de tamaño se realiza con la calidad adecuada. Estaba tratando de encontrar una solución adecuada para esto, pero después de un tiempo decidí que era lo suficientemente bueno para mi necesidad actual.

Nota: ¡ Use 200x200! para forzar la resolución dada

Si está en MacOS X y tiene problemas con la conversión de Imagemagick, puede intentar reinstalarla con RSVG lib. Usando HomeBrew:

brew remove imagemagick
brew install imagemagick --with-librsvg

Verifique que esté delegando correctamente:

$ 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

Debería mostrar rsvg.

Inkscape no parece funcionar cuando las unidades svg no lo son px(por ejemplo, cm). Tengo una imagen en blanco. Tal vez, podría solucionarse girando el dpi, pero era demasiado problemático.

Svgexport es un programa node.js y, por lo tanto, generalmente no es útil.

El convertidor de Imagemagick funciona bien con:

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

Si lo usa -resize, la imagen es borrosa y el archivo es mucho más grande.

MEJOR

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

Es el más rápido, tiene la menor cantidad de dependencias y la salida es aproximadamente un 30% más pequeña que la conversión. Instale librsvg2-bin para obtenerlo. No parece haber una página de manual, pero puede escribir:

~$ rsvg --help

para obtener ayuda Lo simple es bueno.

Después de seguir los pasos en la respuesta de José Alban , pude hacer que ImageMagick funcionara bien usando el siguiente comando:

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

El número 1536 proviene de una estimación aproximada de densidad, consulte esta respuesta para obtener más información.

Para reescalar la imagen, se -densitydebe usar la opción . Hasta donde yo sé, la densidad estándar es 72 y asigna el tamaño 1: 1. Si desea que la salida png sea dos veces más grande que la svg original, configure la densidad en 72 * 2 = 144:

convert -density 144 source.svg target.png

¿por qué no pruebas la línea de comando de inkscape? Este es mi archivo bat para convertir todos los svg en este directorio a png:

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

Llegué a esta publicación, pero solo quería hacer la conversión por lotes y rápido sin el uso de ningún parámetro (debido a varios archivos con diferentes tamaños).

rsvg drawing.svg drawing.png

Para mí, los requisitos fueron probablemente un poco más fáciles que para el autor original. (Quería usar SVG en MS PowerPoint, pero no permite)

En ImageMagick, se obtiene una mejor representación SVG si se usa Inkscape o RSVG con ImageMagick que su propio renderizado interno MSVG / XML. RSVG es un delegado que debe instalarse con ImageMagick. Si Inkscape está instalado en el sistema, ImageMagick lo usará automáticamente. Yo uso Inkscape en ImageMagick a continuación.

No hay un parámetro "mágico" que haga lo que quieras.

Pero, uno puede calcular muy simplemente la densidad exacta necesaria para representar la salida.

Aquí hay un pequeño botón de 50x50 cuando se procesa con la densidad predeterminada de 96:

convert button.svg button1.png

Supongamos que queremos que la salida sea 500. La entrada es 50 con una densidad predeterminada de 96 (las versiones anteriores de Inkscape pueden estar usando 92). Por lo tanto, puede calcular la densidad necesaria en proporción a las proporciones de las dimensiones y las densidades.

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

convert -density 983 button.svg button2.png

En ImageMagick 7, puede hacer el cálculo en línea de la siguiente manera:

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

Una cosa que me mordió fue configurar -densityDESPUÉS del nombre del archivo de entrada. Eso no funcionó. Moverlo a la primera opción en convertir (antes que nada) lo hizo funcionar (para mí, YMMV, etc.).

Para la conversión simple de SVG a PNG, encontré que cairosvg ( https://cairosvg.org/ ) funciona mejor que ImageMagick. Pasos para instalar y ejecutar todos los archivos SVG en su directorio.

pip3 install cairosvg

Abra un shell de Python en el directorio que contiene sus archivos .svg y ejecute:

import os

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

Esto también asegurará que no sobrescriba sus archivos .svg originales, pero mantendrá el mismo nombre. Luego puede mover todos sus archivos .png a otro directorio con:

$ mv *.png [new directory]

Sin librsvg, puede obtener una imagen png / jpeg negra. Tenemos que instalar librsvgaconvert archivo SVG con ImageMagick.

Ubuntu

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

Mac OS

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

He resuelto este problema cambiando los atributos widthy heightde<svg> etiqueta para que coincida con el tamaño de salida deseado y luego convirtiéndolo usando ImageMagick. Funciona de maravilla.

Aquí está mi código Python, una función que devolverá el contenido del archivo 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 respuesta principal de @ 808sound no funcionó para mí. Quería cambiar el tamaño

y consiguió

Así que en vez abrí Inkscape, y luego fui a File, Export as PNG filey una caja de interfaz gráfica de usuario aparecido que me ha permitido establecer las dimensiones exactas que necesitaba.

Versión en Ubuntu 16.04 Linux: Inkscape 0.91 (September 2016)

(Por cierto, esta imagen es de los paquetes de activos de Kenney.nl )

En macOS usando brew, usar librsvg funciona directamente bien

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

Muchas opciones están disponibles a través de rsvg-convert --help

En Linux con Inkscape 1.0 para convertir de svg a png necesita usar

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

no

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