วิธีแปลง SVG ให้เป็น rasterize โดยไม่ใช้ anti-aliasing


21

ฉันทำแผนที่ใน inkscape และตอนนี้จำเป็นต้องเปลี่ยนเป็นบิตแมปหรือ. png แผนที่จะถูกตีความโดยโปรแกรมคอมพิวเตอร์ซึ่งจะมองหาสีที่แน่นอนดังนั้นขอบจำเป็นต้องมีความคมชัด เมื่อฉันส่งออก. png ด้วย inkscape ให้ใช้ตัวแปลงไฟล์ออนไลน์หรือแม้กระทั่งจับภาพหน้าจอมันจะต่อต้านนามแฝงอยู่เสมอ ช่วยด้วย.ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่


อืม ... ดูเหมือนว่า Inkscape จะเสนอตัวเลือก aliased เมื่อส่งออกไปยัง raster คุณสามารถลองเปิด SVG ในแอปแบบแรสเตอร์ (เช่น PS) และดูว่ามีตัวเลือกนามแฝงอยู่หรือไม่
DA01

Photoshop 7.0 ฉันไม่ได้มีความสามารถในการเปิด SVG ฉันไม่มีโปรแกรมอื่นใดที่สามารถทำได้ หากมีฟรีแวร์ใด ๆ ที่อาจใช้งานได้ฉันสนใจในสิ่งที่พวกเขาเป็น
William W

สำหรับแอปแบบแรสเตอร์ GIMP เป็นโอเพ่นซอร์ส Paint.net เป็นฟรีแวร์ ไม่แน่ใจว่าจะรองรับการเปิด SVG หรือไม่
DA01

ดูเหมือนว่ามีอาจจะมีวิธีการทำเช่นนี้ในเบราว์เซอร์: stackoverflow.com/questions/16889078/...
DA01

โอ้และในที่สุด ... วิธีแก้ปัญหาหนึ่งอาจใช้ภาพหน้าจอวางลงใน PhotoShop แล้วใช้ตัวกรอง / เครื่องมือ "Posterize" ของ PhotoShop เพื่อลดพาเลทสีลงเป็นสีทึบที่คุณต้องการใช้
DA01

คำตอบ:


17

เวอร์ชันพัฒนาของ Inkscape (รุ่น 0.91 ที่กำลังมาถึง) มีการสลับการลบนามแฝงระดับโลกในหน้าต่างคุณสมบัติเอกสารซึ่งควรทำงานเพื่อการส่งออก ค้นหา "รุ่นที่พัฒนา" ในหน้าดาวน์โหลด:

http://www.inkscape.org/en/download/


ขอบคุณคุณรู้ไหมว่ามันจะนานเท่าไหร่? ฉันไม่เห็นมันในเว็บไซต์
William W

เฟสปัจจุบันคือ "Frost" คุณสามารถเห็นความคืบหน้าของการเปิดตัวได้ที่นี่: inkscape.org/en/develop/next-releaseฉันคิดว่ามันควรจะเปิดตัวภายใน 5 เดือนข้างหน้า
Krzysztof Kosiński

ว้าว. พวกเขากำลังกระโดดจาก. 48 ถึง. 91! ได้รับนั่นน้อยกว่า 'ครึ่งรุ่น' แต่ยังคงมีการอัปเดตครั้งใหญ่ในโลก inkscape เวอร์ชั่น 1.0 ที่นี่เรามา!
DA01

5
มันน่าเศร้าที่ไม่มีผลกระทบต่อการส่งออก ...
Ray

ยังใช้งานไม่ได้สำหรับฉันเมื่อส่งออกเป็นไฟล์ PNG
ทดสอบ

12

ทางออกหนึ่งที่ง่ายคือส่งออกเป็น PDF แล้วใช้Ghostcriptใน PDF ที่ได้ การใช้ภาพสตรอเบอร์รี่จาก Openclipartและคำสั่ง

gs -dSAFER -dBATCH -dNOPAUSE -sDEVICE=png16m \
   -r72 -dGraphicsAlphaBits=1 \
   -sOutputFile=image.png image.pdf 

ฉันได้รับผลลัพธ์ดังต่อไปนี้

ภาพสตรอเบอร์รี่ที่ไม่มีรอยหยัก ซูมด้วยภาพสตรอเบอร์รี่แบบไม่มีรอยหยัก

หากรูปภาพของคุณมีข้อความอยู่ด้วยคุณจะต้องเพิ่ม-dTextAlphaBits=1ด้วย เปลี่ยน-r72เป็นค่าอื่นเพื่อขายภาพใหม่


2
แน่นอนว่านี่เป็นวิธีการทำวงเวียน แต่ก้วหยางถ้ามันไม่ทำงาน
obskyr

11

Inkscape 0.91 ขึ้นไปมีความสามารถในการสลับการลดรอยหยัก สิ่งนี้สามารถเข้าถึงได้ผ่านหน้าต่างคุณสมบัติเอกสาร (Shift + Ctrl + D) เมื่อเปิดใช้งานซึ่งเป็นค่าเริ่มต้นอิมเมจของอาร์เรย์ของสามเหลี่ยมนี้จะมีลักษณะเช่นนี้

ป้อนคำอธิบายรูปภาพที่นี่

เมื่อปิดภาพจะดูนุ่มนวลขึ้น

ป้อนคำอธิบายรูปภาพที่นี่

ดังที่คนอื่น ๆ ได้กล่าวถึงสิ่งนี้ไม่มีผลต่อการส่งออก png การลดรอยหยักยังคงเปิดอยู่และช่องว่างระหว่างสามเหลี่ยมยังคงปรากฏให้เห็น

สิ่งที่ Inkscape ทำเมื่อคุณปิดใช้งานการลดรอยหยักกำลังเพิ่มshape-rendering="crispEdges"ลงในไฟล์ เปิด SVG ของคุณในโปรแกรมแก้ไขข้อความและดูรอบ ๆ บรรทัดที่ 19 และคุณควรเห็น

ป้อนคำอธิบายรูปภาพที่นี่

โชคดีที่แท็กนี้อ่านและปฏิบัติตามเมื่อนำเข้า SVG ไปยัง GIMP คนพิการสามารถนำเข้า SVG และตั้งค่าความละเอียดการนำเข้าซึ่งหมายความว่าคุณสามารถปรับขนาด png ของคุณในการนำเข้าให้เป็นขนาดที่คุณต้องการ มันจะครอบตัดมันไปยังขอบเขตของหน้า

ป้อนคำอธิบายรูปภาพที่นี่

ตอนนี้คุณสามารถบันทึกภาพและการลดรอยหยักจะถูกปิดการใช้งาน

ป้อนคำอธิบายรูปภาพที่นี่

นี่เป็นรายงานข้อผิดพลาดสองสามครั้ง:


1
คำอธิบายที่สมบูรณ์แบบ! สำหรับภาพประกอบรูปร่างกลมหรือทรงกลมจะทำให้เอฟเฟกต์มองเห็นได้ชัดเจนขึ้น
Max N

ผมพบว่าการโหลดใน GIMP ไม่ได้ทำงานจนกว่าฉันตามล่าตัวอย่างของทุกshape-rendering:autoใน SVG crispEdgesและเปลี่ยนมัน มันกลายเป็นเส้นทางจำนวนมาก (อาจจะทั้งหมด) มีส:autoเปคในสไตล์ของพวกเขา
บ๊อบกลายพันธุ์

2

คุณยังสามารถใช้shape-renderingคุณสมบัติของ SVG เพื่อทำให้ขอบคมชัด

ใน SVG XML ที่มีลักษณะดังนี้:

<svg:something shape-rendering="crispEdges" ... />

ใน UI ของ Inkscape คุณสามารถตั้งค่านี้ด้วยตนเองโดยใช้XML Editor ( Ctrl+ Shift+ X) ดังที่แสดงในภาพหน้าจอนี้:

Inkscape XML Editor

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.