แอปพลิเคชันบรรทัดคำสั่งสำหรับการแปลง SVG เป็น PNG บน Mac OS X

มีโปรแกรมบรรทัดคำสั่งใดบ้างที่สามารถแปลง SVG เป็น PNG ที่ทำงานบน Mac OS X ได้หรือไม่

แก้ไข : Dylan B มีคำตอบที่ดีกับ ImageMagick สำหรับการอ้างอิงในการติดตั้ง ImageMagick ด้วยการรองรับ SVG บน Mac OS X โดยใช้ MacPorts ให้ทำ

port install imagemagick +rsvg

หรือไม่ต้องติดตั้งอะไร:

qlmanage -t -s 1000 -o . picture.svg 

มันจะสร้าง picture.svg.png ที่มีความกว้าง 1,000 พิกเซล

ฉันได้ทำการทดสอบบน OS X 10.6.3 เท่านั้น

rsvg-convertฉันพบว่าสำหรับฉันเครื่องมือที่ดีที่สุดสำหรับงานที่เป็น

มันสามารถพบได้ในการชงด้วยbrew install librsvgและมีการใช้เช่นนี้:

rsvg-convert -h 32 icon.svg > icon-32.png

(ตัวอย่างนี้สร้าง png สูง 32px ความกว้างถูกกำหนดโดยอัตโนมัติ

ImageMagickเป็นอย่างยิ่งโปรแกรมแก้ไขภาพบรรทัดคำสั่งที่หลากหลายซึ่งอาจจะเป็นคู่แข่ง Photoshop ถ้ามันมีคุณรู้ว่ากุย แต่ใครต้องการอะไรเหล่านั้น : P

สิ่งต่อไปนี้จะแปลง. svg เป็น. png หลังจากการติดตั้ง:

$ convert picture.svg picture.png

. svg ดั้งเดิมจะไม่ถูกลบ

Inkscapeด้วย Commandline-Interface นั้นให้ผลลัพธ์ที่ดีที่สุดสำหรับฉัน:

/Applications/Inkscape.app/Contents/Resources/bin/inkscape --export-png output.png -w 1024 -h 768 input.svg

ข้อดีคือคุณสามารถระบุขนาดพิกเซลที่แน่นอนของภาพที่ได้โดยไม่ต้องยุ่งกับความหนาแน่น

ตกลงฉันพบวิธีง่ายๆในการทำบน Mac หากคุณมี Google Chrome

ในหนึ่งประโยคมันคือการเห็นsvgภาพในหน้าเว็บ (ต้องอยู่ในhtmlไฟล์) คลิกขวาที่ภาพและเลือก "คัดลอกภาพ" และวางลงในแอพดูตัวอย่าง

ขั้นตอน:

1. ดาวน์โหลดหรือมีsvgไฟล์ในฮาร์ดไดรฟ์ของคุณพูดsomefile.svg
2. ตอนนี้ในโฟลเดอร์เดียวกันเพียงแค่สร้างไฟล์ html tmp.htmlที่มีบรรทัดนี้:<img src="somefile.svg">
3. ตอนนี้เปิดไฟล์ html นั้นใน Google Chrome
4. คุณควรเห็นภาพ ตอนนี้เพียงคลิกขวาที่ภาพและเลือก "คัดลอกภาพ"
5. ไปที่แอพ Preview ของ Mac แล้วเลือก "File -> New from Clipboard"
6. ตอนนี้File -> Saveไฟล์และคุณมีpngไฟล์ (หรือประเภทไฟล์อื่น ๆ )

นี่เป็นการทดสอบบน Chrome ปัจจุบัน (รุ่น 48.0) บน Mac OS X El Capitan

อัปเดต : ฉันไม่แน่ใจว่าเป็นเพราะข้อ จำกัด ของ Google Chrome หรือไม่ ฉันเพิ่งลองใช้ไฟล์ SVG โดยใช้ Chrome 58.0 และฉันได้ภาพเล็ก ๆ จากวิธีการด้านบน หากคุณเห็นกรณีนี้เช่นกันคุณสามารถใช้

<img src="somefile.svg" style="height: 82vh; margin-top: 9vh; margin-left: 9vh">

และคุณจะมีภาพบนหน้าจอที่ดีพอสำหรับคุณที่จะทำภาพหน้าจอ - โดยใช้CmdShift4หรือCmdShift3บน Mac ตัวอย่างเช่น ตรวจสอบให้แน่ใจว่าคุณปรับขนาดหน้าต่าง Chrome เป็นขนาดสูงสุดที่อนุญาตบนหน้าจอ

หากคุณต้องการทำหลายอย่างพร้อมกันคุณสามารถ:

mogrify -format png *.svg

มีตัวเลือกในการปรับขนาด ฯลฯ ได้ทันทีเช่นกัน

ลองApache ผ้าบาติก

java -jar batik-rasterizer.jar FILES

นอกจากนี้ยังรองรับการแปลงแบบกลุ่มและมีตัวเลือกที่มีประโยชน์อื่น ๆ อีกมากมาย

ฉันทำsvgexportโดยใช้ node / npm สำหรับสิ่งนี้มันเป็น cross-platform และสามารถทำได้ง่ายเหมือน:

svgexport input.svg output.png

คุณยังสามารถใช้phantomjsเพื่อแสดงผล svg ข้อดีคือมันทำให้มันเหมือนเบราว์เซอร์เพราะมันเป็น WebKit ที่ไร้หัว

เมื่อคุณดาวน์โหลดแล้วคุณจะต้องphantomjs (ไบนารี) และไฟล์rasterizer.jsจากโฟลเดอร์ตัวอย่าง

phantomjs examples/rasterize.js Tiger.svg out.png

นี่คือสิ่งที่ฉันใช้:

brew install imagemagick --with-librsvg

จากนั้นรันคำสั่งต่อไปนี้:

find . -type f -name "*.svg" -exec bash -c 'convert $0 $0.png' {} \; rename 's/svg\.png/png/' *

หวังว่ามันจะช่วย

ฉันใช้คำสั่งนี้กับ linux ของฉัน มันควรจะทำงานให้คุณเช่นกัน

mogrify +antialias -density 2000 -verbose -format png *.svg

ฉันเรียนรู้ว่าถ้าไม่มีอาร์กิวเมนต์ "-density" บิตแมปจะเป็นแบบพิกเซลมาก เปลี่ยนค่า -density ให้ตรงกับความต้องการของคุณ

คำสั่งการแปลงของ ImageMagick โดยใช้พารามิเตอร์อื่น ๆ เป็นสิ่งที่ทำให้ฉัน ต่อไปนี้เป็นโซลูชันแบทช์สคริปต์แบชของฉันที่แบ่งงานในหลายกระบวนการเพื่อใช้ประโยชน์จากคอร์ทั้งหมดของคุณ! แก้ไขตามต้องการ

batchConvertToSVG.sh (ใช้จำนวนกระบวนการเป็นอาร์กิวเมนต์):

end=$(( $1 - 1 ))
for i in `seq 0 $end`;
        do
            echo Spawning helper $i of $end
                ./convertToSvgHelper.sh $i $1 &
        done 

convertToSvgHelper.sh:

n=$1
for file in ./*.svg; do
   filename=${file%.svg}
   echo converting file named $filename
   test $n -eq 0 && convert -format png -resize 74 -background transparent -density 600 $file $filename.png
   n=$((n+1))
   n=$((n%$2))
done

ตามที่แสดงความคิดเห็นก่อนหน้านี้ ImageMagick ทำเคล็ดลับ ฉันต้องการเพิ่มจุดสำหรับGraphicsMagickซึ่งเป็นทางแยกเก่าของ ImageMagick ที่มีการปรับปรุงบางอย่าง

คุณสามารถทำการแปลงแบบแบตช์ในทั้งโฟลเดอร์ของไฟล์ SVG เป็น PNG ฉันใช้อินเตอร์เฟสบรรทัดคำสั่ง Inkscape เพื่อสร้างไฟล์ png ที่มีความกว้าง 80px

find ~/desktop/toconvert '*.svg' -exec /Applications/Inkscape.app/Contents/Resources/bin/inkscape -z -w 80 -e "{}".png "{}" \;

png จะถูกบันทึกด้วยชื่อเดิม * .png

อีกวิธีหนึ่งโดยไม่ต้องติดตั้งอะไร ไม่ได้อยู่ในบรรทัดคำสั่ง

1. เปิดไฟล์. svg ใน Safari
2. กด alt-command-i เพื่อเปิดตัวตรวจสอบ
3. คลิกขวาที่<svg>แท็กเลือก "จับภาพหน้าจอ" (โปรดทราบว่าคุณจะต้องไม่ขยายภาพ)

PS หากต้องการขยายภาพ. svg หากไฟล์มีขนาดเล็กเกินไปให้ลองเปิดไฟล์. svg ในเท็กซ์เอดิเตอร์และผนวก0เข้ากับทุกหมายเลขยกเว้นในเมตาแอ็ตทริบิวต์ สิ่งนี้สามารถทำได้โดยการทดแทนโกลบอล regex จาก(\d+)ถึง$10ซึ่ง$1เป็นตัวยึดตำแหน่งสำหรับการอ้างอิงกลับตัวอย่างเช่น

wkhtmltoimage (จากโครงการ wkhtmltopdf) นี้ทำได้ดีมาก:

wkhtmltoimage --zoom 2 foo.svg foo.png

ImageMagick แสดงตัวอักษร CJK เป็นค่าว่างบน mac ของฉัน