Tanımlı boyutu 16x16 olan bir SVG dosyası var. Bir PNG'ye dönüştürmek için ImageMagick'in dönüştürme programını kullandığımda, çok küçük bir 16x16 piksel PNG alıyorum:

convert test.svg test.png

Ben PNG çıkış piksel boyutunu belirtmek gerekir. -sizeparametresi yok sayılıyor gibi görünüyor, -scaleparametre PNG'yi PNG'ye dönüştürüldükten sonra ölçeklendirir . Şimdiye kadar en iyi sonuç -densityparametresini kullanarak aldım :

convert -density 1200 test.svg test.png

Ama memnun değilim, çünkü yoğunluk değerini hesaplamak için matematik yapmadan çıktı boyutunu piksel cinsinden belirtmek istiyorum. Yani böyle bir şey yapmak istiyorum:

convert -setTheOutputSizeOfThePng 1024x1024 test.svg test.png

Peki burada kullanmam gereken sihirli parametre nedir?

Bu örnekte ImageMagick'ten iyi sonuçlar elde edemedim, ancak Inkscape Linux ve Windows'da güzel bir iş çıkarıyor:

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

Düzenleme (Mayıs 2020): Inkscape 1.0 kullanıcıları, lütfen komut satırı argümanlarının değiştiğine dikkat edin:

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

Bu komutu kullanarak 16x16 SVG'yi 200x200 PNG'ye ölçeklemenin sonucu şudur:

Sadece referans olarak, Inkscape versiyonum (Ubuntu 12.04'te):

Inkscape 0.48.3.1 r9886 (Mar 29 2012)

ve Windows 7'de:

Inkscape 0.48.4 r9939 (Dec 17 2012)

Svgexport'u deneyin :

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

svgexport, svg dosyalarını jpg ve png'ye aktarmak için yaptığım basit bir çapraz platform komut satırı aracıdır, daha fazla seçenek için buraya bakın . Svgexport install npm'yi kurmak için şunu çalıştırın:

npm install svgexport -g

Düzenleme: Kütüphaneyle ilgili bir sorun bulursanız, lütfen GitHub'a gönderin , teşekkürler!

Bu mükemmel değil ama işi yapıyor.

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

Temel olarak, yeniden boyutlandırmanın yeterli kalitede yapıldığı DPI'yı yeterince arttırır (sadece eğitimli / güvenli bir tahmin kullanın). Buna uygun bir çözüm bulmaya çalışıyordum ama bir süre sonra bunun mevcut ihtiyacım için yeterince iyi olduğuna karar verdim.

Not: 200x200 kullanın! verilen kararı zorlamak

MacOS X üzerindeyseniz ve Imagemagick's convert ile ilgili sorun yaşıyorsanız, RSVG lib ile yeniden yüklemeyi deneyebilirsiniz. HomeBrew kullanma:

brew remove imagemagick
brew install imagemagick --with-librsvg

Doğru şekilde yetkilendirildiğini doğrulayın:

$ 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

Görüntülenmelidir rsvg.

SVG birimleri olmadığında Inkscape çalışmıyor gibi görünüyor px(örn. Cm). Boş bir görüntüm var. Belki, dpi'yi çevirerek düzeltilebilir, ama çok zahmetliydi.

Svgexport bir node.js programıdır ve bu nedenle genellikle yararlı değildir.

Imagemagick's convert tamamıyla çalışıyor:

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

Eğer kullanırsanız -resize, görüntü bulanık ve dosya çok daha büyüktür.

EN İYİ

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

En hızlı, en az bağımlılığa sahip ve çıktı dönüştürmeden yaklaşık% 30 daha küçük. Almak için librsvg2-bin'i yükleyin. Bir el sayfası yok gibi görünüyor, ancak şunu yazabilirsiniz:

~$ rsvg --help

yardım almak için. Basit iyidir.

Jose Alban'ın cevabındaki adımları uyguladıktan sonra , aşağıdaki komutu kullanarak ImageMagick'in iyi çalışmasını sağlayabildim:

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

1536 sayısı bir basketbol sahası yoğunluk tahmininden gelir, daha fazla bilgi için bu cevaba bakınız .

Görüntüyü yeniden ölçeklendirmek için seçenek -densitykullanılmalıdır. Bildiğim kadarıyla standart yoğunluk 72'dir ve 1: 1 boyutunu eşler. Çıktı png'sinin orijinal svg'den iki kat daha büyük olmasını istiyorsanız, yoğunluğu 72 * 2 = 144 olarak ayarlayın:

convert -density 144 source.svg target.png

neden inkscape komut satırına bir deneyin, bu benim sdg bu dir tüm svg dönüştürmek için benim bat dosya:

%% x IN (* .svg) İÇİN C: \ Ink \ App \ Inkscape \ inkscape.exe %% x -z --export-dpi = 500 - ihracat-alan-çizimi --export-png = "% % ~ nx.png"

Bu gönderiye geldim - ancak herhangi bir parametre kullanmadan (farklı boyutlarda birkaç dosya nedeniyle) dönüşümü toplu ve hızlı bir şekilde yapmak istedim.

rsvg drawing.svg drawing.png

Benim için gereksinimler muhtemelen orijinal yazardan biraz daha kolaydı. (MS PowerPoint'te SVG'leri kullanmak istedim, ancak izin vermiyor)

ImageMagick'te, ImageMagick ile Inkscape veya RSVG kullanılıyorsa, kendi dahili MSVG / XML'sinden daha iyi bir SVG oluşturma elde edilir. RSVG, ImageMagick ile kurulması gereken bir temsilcidir. Inkscape sisteme yüklüyse, ImageMagick otomatik olarak kullanır. Aşağıdaki ImageMagick'te Inkscape kullanıyorum.

İstediğinizi yapacak hiçbir "sihirli" parametre yoktur.

Ancak, çıktıyı oluşturmak için gereken tam yoğunluk çok basit bir şekilde hesaplanabilir.

96 varsayılan yoğunluğunda işlendiğinde küçük bir 50x50 düğme:

convert button.svg button1.png

Çıktının 500 olmasını istediğimizi varsayalım. Girdi, varsayılan 96 yoğunluğunda 50'dir (Inkscape'in eski sürümleri 92 kullanıyor olabilir). Böylece, gerekli yoğunluğu, boyutların ve yoğunlukların oranlarıyla orantılı olarak hesaplayabilirsiniz.

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

convert -density 983 button.svg button2.png

ImageMagick 7'de hesaplamayı satır içinde aşağıdaki gibi yapabilirsiniz:

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

Beni -densityısırdıran bir şey girdi dosya adından SONRA ayarlandı . Bu işe yaramadı. Dönüştürme işlemindeki ilk seçeneğe (her şeyden önce) geçmek (benim için, YMMV, vb.)

Basit SVG'den PNG'ye dönüştürme için cairosvg ( https://cairosvg.org/ ) ImageMagick'ten daha iyi performans gösterdiğini gördüm . Dizininizdeki tüm SVG dosyalarına yükleme ve çalıştırma adımları.

pip3 install cairosvg

.Svg dosyalarınızı içeren dizinde bir python kabuğu açın ve şunu çalıştırın:

import os

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

Bu, orijinal .svg dosyalarınızın üzerine yazmamanızı da sağlar, ancak aynı adı korur. Daha sonra, tüm .png dosyalarınızı başka bir dizine taşıyabilirsiniz:

$ mv *.png [new directory]

Librsvg olmadan, siyah bir png / jpeg resmi alabilirsiniz. Biz yüklemek zorunda librsvgiçin convertimagemagic'den ile svg dosyası.

Ubuntu

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

Mac os işletim sistemi

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

Etiketin widthve heightözniteliklerini <svg>amaçladığım çıktı boyutuna uyacak şekilde değiştirip ImageMagick kullanarak dönüştürerek bu sorunu çözdüm . Tıkır tıkır çalışıyor.

İşte Python kodum, JPG dosyasının içeriğini döndürecek bir işlev:

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'un en iyi yanıtı benim için işe yaramadı. Yeniden boyutlandırmak istedim

ve var

Yani bunun yerine daha sonra, Inkscape açtı gitti File, Export as PNG fileve bir GUI kutusu bana gerekli tam boyutları girebilirsiniz izin verdiğini ortaya çıkmış.

Sürüm tarihi Ubuntu 16.04 Linux: Inkscape 0.91 (September 2016)

(Bu resim Kenney.nl'in bu arada varlık paketlerinden alınmıştır)

Demleme kullanan macOS'ta, librsvg kullanımı doğrudan iyi çalışır

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

Birçok seçenek, rsvg-convert --help

Linux'ta Inkscape 1.0 ile svg'den png'ye dönüştürmek için kullanmanız gerekir

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

değil

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