ตัวอย่างเริ่มต้นด้วยภาพประกอบดอกไม้ที่คมชัด และตรวจสอบเส้นทาง SVG จริงที่สร้างขึ้นโดยพรีเซ็ต Logo เปิด รูปภาพเป็น SVG.
เลือกงานศิลปะและค่าที่ตั้งไว้ล่วงหน้า
เปิด 'รูปภาพเป็น SVG' และอัปโหลดงานศิลปะ PNG, JPG หรือ JPEG โลโก้ ไอคอน และภาพประกอบแบบแบนที่มีขอบชัดเจนเป็นจุดเริ่มต้นที่ดี ภาพถ่ายสามารถติดตามได้ แต่ผลลัพธ์จะเป็นชุดของรูปร่างที่เรียบง่ายแทนที่จะเป็นการแทนที่ภาพถ่ายที่สมจริง
เลือกโลโก้ ภาพประกอบ หรือลายเส้น โลโก้เริ่มต้นด้วยจานสีที่กะทัดรัด ภาพประกอบเริ่มต้นด้วยสีและรายละเอียดที่มากขึ้น ลายเส้นเริ่มต้นด้วยการติดตามขาวดำ ค่าที่ตั้งไว้ล่วงหน้าจะตั้งค่าการควบคุมหลายอย่างพร้อมกัน และคุณสามารถปรับแต่งได้ในภายหลัง
แหล่งที่มาแรสเตอร์ที่สะอาดมักจะติดตามได้ดีกว่าแหล่งที่มาที่มีสิ่งแปลกปลอมจากการบีบอัด เงา หรือพื้นหลังที่มีพื้นผิว
เปรียบเทียบและปรับแต่งเวกเตอร์
ในโหมดสี สีจะขอสี 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
ส่งออกเส้นทาง 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 สำหรับการจดจำข้อความแทนการใช้รูปทรงที่แปลงมา
ลองใช้ขั้นตอนการทำงานกับรูปภาพของคุณเอง และเก็บไฟล์ต้นฉบับไว้สำหรับการแก้ไขในอนาคต
ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์