Saya memiliki file SVG yang memiliki ukuran 16x16. Ketika saya menggunakan program konversi ImageMagick untuk mengubahnya menjadi PNG, maka saya mendapatkan PNG 16x16 piksel yang terlalu kecil:

convert test.svg test.png

Saya perlu menentukan ukuran piksel dari keluaran PNG. -sizeparameter tampaknya diabaikan, -scaleparameter menskala PNG setelah dikonversi ke PNG. Hasil terbaik hingga sekarang saya dapatkan dengan menggunakan -densityparameter:

convert -density 1200 test.svg test.png

Tapi saya tidak puas, karena saya ingin menentukan ukuran output dalam piksel tanpa melakukan matematika untuk menghitung nilai kerapatan. Jadi saya ingin melakukan sesuatu seperti ini:

convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png

Jadi apa parameter ajaib yang harus saya gunakan di sini?

Saya belum bisa mendapatkan hasil yang baik dari ImageMagick dalam hal ini, tetapi Inkscape melakukan pekerjaan yang bagus di Linux dan Windows:

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

Sunting (Mei 2020): Pengguna Inkscape 1.0, harap perhatikan bahwa argumen baris perintah telah berubah:

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

Berikut adalah hasil penskalaan 16x16 SVG ke 200x200 PNG menggunakan perintah ini:

Hanya untuk referensi, versi Inkscape saya (di Ubuntu 12.04) adalah:

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

dan pada Windows 7, itu adalah:

Inkscape 0.48.4 r9939 (Dec 17 2012)

Coba svgexport :

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

svgexport adalah alat baris perintah lintas-platform sederhana yang telah saya buat untuk mengekspor file svg ke jpg dan png, lihat di sini untuk opsi lebih lanjut. Untuk menginstal svgexport, instal npm , kemudian jalankan:

npm install svgexport -g

Sunting: Jika Anda menemukan masalah dengan perpustakaan, kirimkan di GitHub, terima kasih!

Ini tidak sempurna tetapi berhasil.

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

Pada dasarnya itu meningkatkan DPI cukup tinggi (hanya menggunakan tebakan berpendidikan / aman) yang mengubah ukuran dilakukan dengan kualitas yang memadai. Saya mencoba mencari solusi yang tepat untuk ini tetapi setelah beberapa saat memutuskan ini cukup baik untuk kebutuhan saya saat ini.

Catatan: Gunakan 200x200! untuk memaksa resolusi yang diberikan

Jika Anda menggunakan MacOS X dan mengalami masalah dengan konversi Imagemagick, Anda dapat mencoba menginstalnya dengan lib RSVG. Menggunakan HomeBrew:

brew remove imagemagick
brew install imagemagick --with-librsvg

Verifikasi bahwa itu didelegasikan dengan benar:

$ 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

Itu harus ditampilkan rsvg.

Inkscape tampaknya tidak berfungsi ketika unit svg tidak px(mis. Cm). Saya mendapat gambar kosong. Mungkin, itu bisa diperbaiki dengan memutar-mutar dpi, tapi itu terlalu merepotkan.

Svgexport adalah program node.js dan secara umum tidak berguna.

Konversi Imagemagick berfungsi dengan baik:

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

Jika Anda menggunakan -resize, gambarnya kabur dan filenya jauh lebih besar.

TERBAIK

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

Ini tercepat, memiliki dependensi paling sedikit, dan output sekitar 30% lebih kecil dari konversi. Instal librsvg2-bin untuk mendapatkannya. Tampaknya tidak ada halaman manual tetapi Anda dapat mengetik:

~$ rsvg --help

untuk mendapatkan bantuan. Sederhana itu bagus.

Setelah mengikuti langkah-langkah dalam jawaban Jose Alban , saya bisa membuat ImageMagick berfungsi dengan baik menggunakan perintah berikut:

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

Angka 1536 berasal dari perkiraan kepadatan, lihat jawaban ini untuk informasi lebih lanjut.

Untuk mengubah skala gambar, opsi -densityharus digunakan. Sejauh yang saya tahu kepadatan standar adalah 72 dan memetakan ukuran 1: 1. Jika Anda ingin output png dua kali lebih besar dari svg asli, atur kerapatan menjadi 72 * 2 = 144:

convert -density 144 source.svg target.png

mengapa Anda tidak mencoba baris perintah inkscape, ini file bat saya untuk mengonversi semua svg dalam dir ini ke png:

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

Saya datang ke posting ini - tetapi saya hanya ingin melakukan konversi secara batch dan cepat tanpa menggunakan parameter apa pun (karena beberapa file dengan ukuran yang berbeda).

rsvg drawing.svg drawing.png

Bagi saya persyaratannya mungkin sedikit lebih mudah daripada untuk penulis asli. (Ingin menggunakan SVG di MS PowerPoint, tetapi tidak memungkinkan)

Di ImageMagick, seseorang mendapat rendering SVG yang lebih baik jika seseorang menggunakan Inkscape atau RSVG dengan ImageMagick daripada MSVG / XML internal yang diberikan. RSVG adalah delegasi yang perlu diinstal dengan ImageMagick. Jika Inkscape diinstal pada sistem, ImageMagick akan menggunakannya secara otomatis. Saya menggunakan Inkscape di ImageMagick di bawah ini.

Tidak ada parameter "ajaib" yang akan melakukan apa yang Anda inginkan.

Tetapi, seseorang dapat menghitung dengan sangat sederhana kepadatan yang dibutuhkan untuk membuat output.

Berikut adalah tombol 50x50 kecil ketika diberikan pada kepadatan default 96:

convert button.svg button1.png

Misalkan kita ingin output menjadi 500. Inputnya adalah 50 pada kepadatan default 96 (versi Inkscape yang lama mungkin menggunakan 92). Jadi, Anda dapat menghitung kerapatan yang dibutuhkan secara proporsional dengan rasio dimensi dan kerapatan.

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

convert -density 983 button.svg button2.png

Di ImageMagick 7, Anda dapat melakukan perhitungan in-line sebagai berikut:

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

Satu hal yang hanya menggigit saya adalah menyetel -densitySETELAH nama file input. Itu tidak berhasil. Memindahkannya ke opsi pertama di convert (sebelum yang lainnya) membuatnya bekerja (untuk saya, YMMV, dll).

Untuk konversi SVG ke PNG sederhana, saya menemukan cairosvg ( https://cairosvg.org/ ) berkinerja lebih baik daripada ImageMagick. Langkah-langkah untuk menginstal dan menjalankan semua file SVG di direktori Anda.

pip3 install cairosvg

Buka shell python di direktori yang berisi file .svg Anda dan jalankan:

import os

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

Ini juga akan memastikan Anda tidak menimpa file .svg asli Anda, tetapi akan tetap menggunakan nama yang sama. Anda kemudian dapat memindahkan semua file .png Anda ke direktori lain dengan:

$ mv *.png [new directory]

Tanpa librsvg, Anda mungkin mendapatkan gambar png / jpeg hitam. Kita harus menginstal librsvgke convertfile svg dengan 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

Saya telah memecahkan masalah ini dengan mengubah widthdan heightatribut <svg>tag agar sesuai dengan ukuran output yang saya inginkan dan kemudian mengubahnya menggunakan ImageMagick. Bekerja seperti pesona.

Ini kode Python saya, sebuah fungsi yang akan mengembalikan konten file 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

Jawaban teratas oleh @ 808sound tidak bekerja untuk saya. Saya ingin mengubah ukuran

dan mendapatkan

Jadi alih-alih saya membuka Inkscape, lalu pergi ke File, Export as PNG filedan sebuah kotak GUI muncul yang memungkinkan saya untuk mengatur dimensi persis yang saya butuhkan.

Versi aktif Ubuntu 16.04 Linux: Inkscape 0.91 (September 2016)

( Omong-omong, gambar ini dari paket aset Kenney.nl )

Pada macOS menggunakan minuman, menggunakan librsvg secara langsung berfungsi dengan baik

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

Banyak opsi tersedia melalui rsvg-convert --help

Di Linux dengan Inkscape 1.0 untuk mengkonversi dari svg ke png perlu digunakan

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

tidak

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