У мене є файл SVG, який має визначений розмір 16x16. Коли я використовую програму перетворення ImageMagick для перетворення її в PNG, я отримую PNG 16x16 пікселів, що занадто мало:

convert test.svg test.png

Мені потрібно вказати розмір пікселя вихідного PNG. -sizeПараметр, здається, ігнорується, -scaleпараметр масштабує PNG після його перетворення в PNG. Найкращий результат, який я отримав, використовуючи -densityпараметр:

convert -density 1200 test.svg test.png

Але я не задоволений, тому що я хочу вказати розмір виводу в пікселях, не займаючись математикою для обчислення значення щільності. Тому я хочу зробити щось подібне:

convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png

То який магічний параметр я маю тут використовувати?

У мене не вдалося отримати хороших результатів від ImageMagick в цьому випадку, але Inkscape робить це непогано в Linux і Windows:

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

Редагувати (травень 2020 року): користувачі Inkscape 1.0, зауважте, що аргументи командного рядка змінилися:

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

Ось результат масштабування SVG 16x16 до PNG 200x200 за допомогою цієї команди:

Для довідки, моя версія Inkscape (на Ubuntu 12.04) така:

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

а в Windows 7 це:

Inkscape 0.48.4 r9939 (Dec 17 2012)

Спробуйте svgexport :

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

svgexport - це простий інструмент командного рядка для багатоплатформних програм, який я створив для експорту svg-файлів у jpg та png, докладніші варіанти див. тут . Щоб встановити svgexport install npm , запустіть:

npm install svgexport -g

Редагувати: Якщо ви знайшли проблему з бібліотекою, надішліть її на GitHub, дякую!

Це не ідеально, але це робить свою роботу.

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

В основному це збільшує DPI досить високо (просто використовуйте освічений / безпечний здогад), що зміна розміру робиться з належною якістю. Я намагався знайти правильне рішення цього питання, але через деякий час вирішив, що це досить добре для моєї поточної потреби.

Примітка: Використовуйте 200x200! змусити задану постанову

Якщо ви перебуваєте на MacOS X і маєте проблеми з перетворенням Imagemagick, ви можете спробувати перевстановити його за допомогою lib RSVG. Використання HomeBrew:

brew remove imagemagick
brew install imagemagick --with-librsvg

Перевірте правильність делегування:

$ 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

Він повинен відображатись rsvg.

Схоже, Inkscape не працює, коли одиниць SVG немає px(наприклад, см). У мене вийшло порожнє зображення. Можливо, це можна було б виправити, покрутивши dpi, але це було занадто клопітно.

Svgexport - це програма node.js і тому загалом не корисна.

Перетворення Imagemagick працює нормально з:

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

Якщо ви використовуєте -resize, зображення нечітке, а файл значно більший.

НАЙКРАЩЕ

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

Він найшвидший, має найменші залежності, а вихід на 30% менше, ніж конвертувати. Встановіть librsvg2-bin, щоб отримати його. Здається, що немає довідної сторінки, але ви можете ввести:

~$ rsvg --help

щоб отримати допомогу. Просто - це добре.

Виконуючи кроки у відповіді Хосе Альбана , я зміг змусити ImageMagick добре працювати, використовуючи наступну команду:

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

Число 1536 походить від оцінки щільності бального парку, для отримання додаткової інформації дивіться цю відповідь .

Щоб змінити масштаб зображення, -densityслід використовувати параметр. Наскільки мені відомо, стандартна щільність становить 72 і відображає розмір 1: 1. Якщо ви хочете, щоб вихідний png був вдвічі більшим, ніж вихідний svg, встановіть щільність на 72 * 2 = 144:

convert -density 144 source.svg target.png

чому б вам не спробувати команду командного рядка Inkscape, це мій файл bat, щоб перетворити весь svg у цьому dir у png:

ДЛЯ %% x IN (* .svg) DO C: \ Ink \ App \ Inkscape \ inkscape.exe %% x -z --export-dpi = 500 - малюнок-експорт-області --export-png = "% % ~ nx.png "

Я прийшов на цю посаду - але я просто хотів зробити перетворення пакетним та швидким без використання будь-яких параметрів (через кілька файлів різного розміру).

rsvg drawing.svg drawing.png

Для мене вимоги були, мабуть, трохи простішими, ніж для оригінального автора. (Хотіли використовувати SVG в MS PowerPoint, але це не дозволяє)

У ImageMagick виходить кращий SVG-рендерінг, якщо використовується Inkscape або RSVG з ImageMagick, ніж власний внутрішній MSVG / XML. RSVG - це делегат, який потрібно встановити за допомогою ImageMagick. Якщо Inkscape встановлений у системі, ImageMagick використовуватиме його автоматично. Я використовую Inkscape в ImageMagick нижче.

Немає "магічного" параметра, який би робив те, що ви хочете.

Але можна обчислити дуже просто точну щільність, необхідну для надання виводу.

Ось невелика кнопка розміром 50x50, коли вона відображається при щільності за замовчуванням 96:

convert button.svg button1.png

Припустимо, ми хочемо, щоб результат був 500. Вхід становить 50 при щільності за замовчуванням 96 (для старих версій Inkscape можливо використовувати 92). Таким чином, ви можете обчислити необхідну щільність пропорційно співвідношенням розмірів та щільності.

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

convert -density 983 button.svg button2.png

У ImageMagick 7 можна зробити обчислення в рядку наступним чином:

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

Одне, що мене просто покусало, - це встановлення -densityПІСЛЯ назви вхідного файлу. Це не спрацювало. Переміщення його до першого варіанту в перетворенні (перш ніж все інше) змусило його працювати (для мене, YMMV тощо).

Для простого перетворення SVG в PNG я виявив, що cairosvg ( https://cairosvg.org/ ) працює краще, ніж ImageMagick. Крок для встановлення та запуску всіх файлів SVG у вашому каталозі.

pip3 install cairosvg

Відкрийте оболонку python у каталозі, який містить ваші .svg файли, та запустіть:

import os

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

Це також забезпечить не перезапис оригінальних файлів .svg, але збереже те саме ім’я. Потім ви можете перемістити всі .png файли в інший каталог за допомогою:

$ mv *.png [new directory]

Без librsvg ви можете отримати чорне зображення png / jpeg. Ми повинні встановити librsvgвconvert SVG файл з 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

Я вирішив цю проблему шляхом зміни widthі heightатрибути<svg> тегу, щоб вони відповідали передбачуваному розміру виводу, а потім перетворили його за допомогою ImageMagick. Працює як шарм.

Ось мій код Python, функція, яка повертає вміст файлу 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

Верхня відповідь @ 808sound для мене не працювала. Я хотів змінити розмір

і отримав

Тому замість цього я відкрив Inkscape, потім перейшов File, Export as PNG fileі з'явилося вікно графічного інтерфейсу, що дозволило мені встановити точні розміри, які мені потрібні.

Версія Ubuntu 16.04 Linux: Inkscape 0.91 (September 2016)

(До речі, це зображення з активів Kenney.nl )

На macOS з використанням brew використання librsvg безпосередньо працює добре

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

Багато варіантів доступні через rsvg-convert --help

На Linux з Inkscape 1.0 потрібно перетворити з SVG в png

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

ні

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