เครื่องมือ95

แปลงไฟล์ / คู่มือการใช้งานรูปภาพฉบับปฏิบัติจริง

วิธีเปลี่ยนงานศิลปะ PNG หรือ JPG ให้เป็นเส้นทาง SVG จริง

แปลงงานศิลปะแบบพิกเซลให้เป็นรูปร่างที่ปรับขนาดได้

SVG สามารถมีรูปร่างเวกเตอร์หรือบิตแมปที่ฝังอยู่ได้ การแปลงรูปภาพเป็น SVG จะสร้างเส้นทางและเติมสีจากพิกเซล PNG หรือ JPG ของคุณ เพื่อให้โปรแกรมแก้ไขเวกเตอร์สามารถแก้ไขรูปร่างได้ โดยใช้การติดตามแบบดั้งเดิมแทน AI เชิงสร้างสรรค์

อัปเดตแล้ว

ทำตามคำแนะนำ
อินพุตจริงและผลลัพธ์ที่ดาวน์โหลด
ก่อน ต้นฉบับสำหรับ Image to SVG: 640 x 640 พิกเซล

sample-vector.png: 640 x 640 พิกเซล, 23,812 ไบต์

หลัง ผลลัพธ์ที่ดาวน์โหลดจริงจาก Image to SVG: 640 x 640 พิกเซล

sample-vector.svg: 640 x 640 พิกเซล, 12,938 ไบต์

640 x 640 PNG ต้นฉบับ และ 14-path SVG จริงที่สร้างด้วย Logo และ 8 สี บางสีอาจเปลี่ยนไปในระหว่างการลดจำนวนสีในพาเลตต์
โฆษณา
วิดีโอสอนการใช้งานฉบับย่อ How to trace an image to SVG with the Illustration preset Upload PNG or JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. เสียงบรรยายภาษาอังกฤษ ดูวิดีโอ

How to trace an image to SVG with the Illustration preset

โฆษณา

ตัวอย่างเริ่มต้นด้วยภาพประกอบดอกไม้ที่คมชัด และตรวจสอบเส้นทาง SVG จริงที่สร้างขึ้นโดยพรีเซ็ต Logo เปิด รูปภาพเป็น SVG.

01

เลือกงานศิลปะและค่าที่ตั้งไว้ล่วงหน้า

เปิด 'รูปภาพเป็น SVG' และอัปโหลดงานศิลปะ PNG, JPG หรือ JPEG โลโก้ ไอคอน และภาพประกอบแบบแบนที่มีขอบชัดเจนเป็นจุดเริ่มต้นที่ดี ภาพถ่ายสามารถติดตามได้ แต่ผลลัพธ์จะเป็นชุดของรูปร่างที่เรียบง่ายแทนที่จะเป็นการแทนที่ภาพถ่ายที่สมจริง

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

แหล่งที่มาแรสเตอร์ที่สะอาดมักจะติดตามได้ดีกว่าแหล่งที่มาที่มีสิ่งแปลกปลอมจากการบีบอัด เงา หรือพื้นหลังที่มีพื้นผิว

02

เปรียบเทียบและปรับแต่งเวกเตอร์

ในโหมดสี สีจะขอสี 2 ถึง 32 รายละเอียดมีตั้งแต่ 1 ถึง 5 เปิด 'ปรับแต่งขอบและพื้นหลัง' สำหรับเส้นโค้งที่เรียบเนียน ลบจุดเล็กๆ และพื้นหลัง รายละเอียดเพิ่มเติมสามารถเพิ่มจำนวนเส้นทาง การทำความสะอาดสามารถลบจุดที่อยู่ในงานออกแบบได้

เลือก 'อัปเดตตัวอย่าง' หลังจากเปลี่ยนการควบคุม ใช้ต้นฉบับ เวกเตอร์ และเปรียบเทียบ; การเปรียบเทียบมีตัวแบ่งที่เคลื่อนย้ายได้ ตัวอย่างนี้ใช้โลโก้ที่มีสี 8 และค่าเริ่มต้นอื่นๆ ของค่าที่ตั้งไว้ล่วงหน้า SVG ที่ดาวน์โหลดมามีเส้นทาง 14 เส้น การลดจานสีจะเปลี่ยนสีดอกไม้บางสี ดังที่การเปรียบเทียบแสดงให้เห็น

การติดตามสีด้วย 'คงความโปร่งใส' จะคงพื้นที่ว่างที่มีอยู่ไว้ แต่จะไม่ลบพื้นหลังที่ทึบแสง การติดตามขาวดำจะคงรูปร่างที่มืดไว้และทำให้พื้นที่สว่างโปร่งใส เลือกสีขาวสำหรับผืนผ้าใบสีขาวทึบ

SVG อาจมีขนาดใหญ่กว่าไฟล์ต้นฉบับ ให้พิจารณาจากเส้นทาง (paths) และลักษณะที่ปรากฏ ไม่ใช่แค่ขนาดไฟล์เพียงอย่างเดียว

ตัวอย่างในคู่มือนี้

พรีเซ็ต: Logo; โหมดสี; สี: 8; รายละเอียด: 3; ความโค้งมน: 60; ลบจุดเล็กๆ: 4; พื้นหลัง: คงความโปร่งใสไว้

อินพุต
640 x 640 พิกเซล
เอาต์พุต
640 x 640 พิกเซล
ไฟล์อินพุต
23,812 ไบต์
ไฟล์ที่ดาวน์โหลด
12,938 ไบต์
เส้นทางเวกเตอร์
14
03

ส่งออกเส้นทาง SVG

เลือก Start หากเป็นไฟล์เดียวจะได้ SVG หากเป็นชุดไฟล์จะได้ไฟล์ ZIP การตั้งค่าจะมีผลกับทุกไฟล์ ดังนั้นควรตรวจสอบภาพตัวอย่างหากไฟล์ต้นฉบับของคุณต้องการการปรับแต่งที่แตกต่างกัน

ตัวอย่างนี้คงขนาดแคนวาส 640 x 640 และมีขนาด 12,938 ไบต์ เปิดไฟล์ SVG จริงในโปรแกรมแก้ไขเวกเตอร์เพื่อตรวจสอบเส้นทางและการเติมสี ตัวอักษรจะกลายเป็นเส้นโครงร่าง ไม่ใช่ข้อความที่แก้ไขได้ การแปลงไฟล์ไม่สามารถกู้คืนฟอนต์ เลเยอร์ หรือไฟล์ออกแบบต้นฉบับได้

ตัวอย่างการแปลง (Preview) จะใช้พิกเซลสูงสุด 1200 พิกเซลในด้านที่ยาวที่สุด การแปลงไฟล์จริงจะใช้สูงสุด 2048 พิกเซลโดยยังคงขนาด SVG และ viewBox เดิมไว้ ดังนั้นไฟล์ต้นฉบับขนาดใหญ่จึงอาจแสดงรายละเอียดที่แตกต่างกันในไฟล์สุดท้าย

ภาพในบทความนี้คือการเรนเดอร์ WebP จากต้นฉบับและ SVG จริง ไฟล์ที่ดาวน์โหลดมาจริงจะประกอบด้วยเส้นทาง (paths) แทนที่จะเป็นไฟล์บิตแมป

รายละเอียดที่เป็นประโยชน์

คำถามที่พบบ่อย

นี่คือการแปลงเป็นเวกเตอร์ที่แท้จริงหรือไม่?

ใช่ ผลลัพธ์ประกอบด้วยเส้นทาง SVG และการเติมสี โดยไม่มีการฝัง PNG หรือ JPG ต้นฉบับในรูปแบบบิตแมป

มันจะเก็บสีเดิมไว้ทั้งหมดหรือไม่?

ไม่จำเป็น สีจะถูกจำกัดตามพาเลตต์ การแปลงไฟล์อาจรวมสีที่คล้ายกันหรือลดความซับซ้อนของพื้นที่ขนาดเล็ก ดังนั้นควรตรวจสอบตัวอย่างก่อน

ฉันสามารถแปลง PNG และ JPG เป็นชุดพร้อมกันได้หรือไม่?

ได้ สูงสุด 10 ไฟล์ ไฟล์ละ 25 MB นอกจากนี้ยังมีข้อจำกัดด้านทรัพยากร ความละเอียด 60 ล้านพิกเซล และความซับซ้อนของผลลัพธ์

ตัวอักษรจะกลายเป็นข้อความที่แก้ไขได้หรือไม่?

ไม่ ตัวอักษรที่มองเห็นได้จะกลายเป็นเส้นโครงร่างเวกเตอร์ ให้ใช้ OCR สำหรับการจดจำข้อความแทนการใช้รูปทรงที่แปลงมา

ตาคุณแล้ว

ลองใช้ขั้นตอนการทำงานกับรูปภาพของคุณเอง และเก็บไฟล์ต้นฉบับไว้สำหรับการแก้ไขในอนาคต

ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์

เปิด รูปภาพเป็น SVG

รายละเอียดรูปภาพ

ภาษา38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

เลือกภาษาของคุณ วิดีโอสอนการใช้งานปัจจุบันใช้การบรรยายเป็นภาษาอังกฤษ