แปลง WebP เป็น SVG

WebP ประกอบด้วยพิกเซล ส่วน SVG ประกอบด้วยรูปทรง จึงไม่มีวิธีเปลี่ยนจากแบบหนึ่งเป็นอีกแบบโดยไม่สูญเสียรายละเอียด หน้านี้จะลากเส้นไฟล์ WebP ของคุณให้เป็นเส้นเวกเตอร์จริงที่ขยายขนาด เปลี่ยนสี และนำไปตัดได้ ซึ่งได้ผลดีที่สุดกับโลโก้ ไอคอน และภาพประกอบแบบสีเรียบ

หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

โหมดสี

จำนวนสี

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

การลากเส้น

รายละเอียด

ค่าสูงจะเก็บจุดเล็ก ๆ และพื้นผิวละเอียดไว้ ค่าต่ำจะตัดรูปทรงที่เล็กกว่าไม่กี่พิกเซลออกและลดสัญญาณรบกวน

การปรับให้เรียบ

ค่าสูงจะลบขอบหยักจากภาพความละเอียดต่ำหรือ JPG ให้มน ค่าต่ำจะคงมุมแหลมไว้

เส้นโค้ง

เส้นโค้งเรียบสำหรับภาพส่วนใหญ่ เส้นตรงสำหรับโลโก้ทรงเรขาคณิต และขอบพิกเซลเพื่อคงลักษณะเป็นบล็อกของภาพพิกเซลอาร์ต

ลบพื้นหลัง

ตัดรูปทรงที่ใหญ่ที่สุดซึ่งแตะขอบภาพออก (โดยปกติคือพื้นหลังสีขาว) เพื่อให้เวกเตอร์โปร่งใส

ตัวเลือกไฟล์

ปรับแต่ง SVG ให้เหมาะสม

ปัดเศษพิกัดและรวมเส้นทาง ไฟล์มักเล็กลงครึ่งหนึ่งโดยมองไม่เห็นความแตกต่าง

เฉพาะเส้นขอบ

ส่งออกเส้นขอบเป็นเส้นที่ไม่มีการเติมสี ซึ่งเครื่องพล็อตเตอร์ เครื่องตัดเลเซอร์ และเครื่องตัดสติกเกอร์ไวนิลจะใช้เป็นเส้นทางตัด

หน้า PDF

สำหรับไฟล์ PDF เท่านั้น ระบุหน้าที่จะแปลง เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะเป็นไฟล์แยกกัน

วิธีใช้เครื่องมือนี้

1
อัปโหลดไฟล์ WebP
เพิ่มโลโก้ ไอคอน หรือสติกเกอร์ที่บันทึกมาจากเว็บไซต์ ได้สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ภาพต้นฉบับที่ใหญ่และคมชัดกว่าจะแปลงเป็นเวกเตอร์ได้ดีกว่า
2
กำหนดจำนวนสี
ค่าเริ่มต้นของ จำนวนสี คือ 12 ซึ่งเพียงพอสำหรับโลโก้ส่วนใหญ่ ลดค่าลงหากเป็นโลโก้สองสี หรือตั้ง โหมดสี เป็น ขาวดำ เพื่อทำไฟล์สำหรับตัดสีเดียว
3
แปลงเป็นเวกเตอร์ SVG
กด ทำเวกเตอร์เป็น SVG แล้วดาวน์โหลดไฟล์ จากนั้นเปิดใน Inkscape, Illustrator, Figma หรือ Cricut Design Space เพื่อตรวจสอบรูปทรง

คำตอบ

แปลง WebP เป็น SVG ได้จริงหรือไม่

ได้เฉพาะด้วยการแปลงเป็นเวกเตอร์ WebP เก็บพิกเซล ส่วน SVG เก็บรูปทรง เครื่องมือนี้วาดสีใน WebP ใหม่เป็นพาธเวกเตอร์ ส่วนเครื่องมืออื่นที่แค่เปลี่ยนชื่อไฟล์หรือฝังบิตแมป จะได้ SVG ที่ยังเบลอเมื่อขยาย

แปลง WebP เป็น SVG: การลากเส้นเวกเตอร์กับการฝังภาพ

WebP ที่ Google เปิดตัวในปี 2010 เป็นฟอร์แมตแรสเตอร์ คือตารางพิกเซลสีที่บีบอัดเพื่อโหลดเว็บได้เร็ว ส่วน SVG เป็นมาตรฐาน W3C ตั้งแต่ปี 2001 อธิบายเส้น เส้นโค้ง และการเติมสีเป็นข้อความ การเปลี่ยนจากอย่างแรกเป็นอย่างหลังทำได้สองวิธีที่ต่างกันมาก และตัวแปลงฟรีส่วนใหญ่เลือกวิธีที่ไม่เป็นประโยชน์กับคุณ

การฝังจะเขียน SVG ที่มี WebP อยู่ภายในเป็นข้อความ base64 ซึ่งทำให้ภาพใหญ่ขึ้นราวหนึ่งในสาม และผลลัพธ์ยังเป็นบิตแมปที่แค่ติดป้ายเวกเตอร์ ส่วนการแปลงเป็นเวกเตอร์ ซึ่งเป็นวิธีที่ใช้ที่นี่และในฟีเจอร์ Trace Bitmap ของ Inkscape ที่สร้างบนอัลกอริทึม Potrace จะอ่านพื้นที่สีแล้วเขียนเป็นพาธ ผลลัพธ์ขยายและแก้ไขได้จริง แต่แลกกับรายละเอียดปลีกย่อย คู่มือ แปลงรูปเป็น SVG อธิบายทุกการตั้งค่าของการแปลง

SVG แบบลากเส้นกับ SVG ที่ฝัง WebP: แต่ละไฟล์ทำอะไรได้บ้าง

	SVG ที่แปลงเป็นเวกเตอร์	SVG ที่ห่อ WebP ไว้	WebP ต้นฉบับ
คมชัดทุกระดับการซูม	yes	no	no
แก้ไขรูปทรงได้ใน Illustrator หรือ Inkscape	yes	no	no
ใช้เป็นพาธตัดของ Cricut หรือเลเซอร์ได้	yes	no	no
คงรายละเอียดแบบรูปถ่าย	no	yes	yes
ขนาดไฟล์โดยทั่วไป	เพิ่มตามรายละเอียด	ใหญ่กว่า WebP ราว ⅓	เล็กที่สุด

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

WEBP

ภาพ WebP

WebP เป็นรูปแบบภาพที่ Google เปิดตัวในปี 2010 เพื่อให้หน้าเว็บโหลดได้เร็วขึ้น รองรับทั้งการบีบอัดแบบสูญเสียข้อมูล (lossy) และแบบไม่สูญเสียข้อมูล (lossless) พื้นหลังโปร่งใสแบบ alpha และภาพเคลื่อนไหวในรูปแบบเดียว ไฟล์ WebP แบบ lossy มักเล็กกว่า JPEG ที่มีคุณภาพใกล้เคียงกัน 25–35% และ WebP แบบ lossless มักเล็กกว่า PNG เบราว์เซอร์ปัจจุบันทุกตัวรองรับ แต่ซอฟต์แวร์เดสก์ท็อปรุ่นเก่าบางตัว บริการพิมพ์ภาพ และแบบฟอร์มอัปโหลดบางแห่งยังไม่รับไฟล์นี้ Windows, macOS และโปรแกรมแต่งภาพสมัยใหม่ส่วนใหญ่เปิดไฟล์ WebP ได้

การบีบอัด: ได้ทั้งแบบสูญเสียและไม่สูญเสียข้อมูล
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 2010 · Google

ตัวแปลงไฟล์ WEBP

SVG

Scalable Vector Graphics

SVG เป็นรูปแบบเวกเตอร์ที่อิงกับ XML ซึ่ง W3C กำหนดเป็นมาตรฐานในปี 2001 แทนที่จะใช้พิกเซล จะอธิบายรูปทรง เส้นพาธ และข้อความ จึงคมชัดในทุกขนาด และมักมีขนาดเล็กมากสำหรับโลโก้และไอคอน รองรับพื้นหลังโปร่งใส การจัดสไตล์ด้วย CSS สคริปต์ และภาพเคลื่อนไหว และเบราว์เซอร์ทุกตัวแสดงผลได้โดยตรง SVG ไม่เหมาะกับภาพถ่าย และภาพประกอบที่ซับซ้อนอาจแสดงผลช้า Illustrator, Inkscape, Figma และเบราว์เซอร์เปิดและแก้ไขไฟล์นี้ได้

การบีบอัด: –
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 2001 · W3C

ตัวแปลงไฟล์ SVG

คนค้นหา WebP เป็น SVG เมื่อโลโก้หรือไอคอนที่บันทึกจากเว็บไซต์ต้องขยายได้ แก้ไขได้ หรือใช้ตัดได้ ซึ่งทำได้ด้วยการแปลงเป็นเวกเตอร์เท่านั้น ส่วนทิศทางตรงข้ามเป็นเพียงการแปลงเป็นพิกเซลสำหรับเว็บ

แปลง WebP ที่บันทึกจากเว็บไซต์ให้เป็น SVG ที่เส้นคมชัด

ไฟล์ WebP ส่วนใหญ่ที่คนต้องการเป็นเวกเตอร์ดาวน์โหลดมาจากเว็บไซต์ ซึ่งหมายความว่าถูกปรับขนาดให้พอดีหน้าเว็บและบีบอัดแบบสูญเสียข้อมูล สัญญาณรบกวนจากการบีบอัดรอบขอบจะกลายเป็นรูปทรงเล็ก ๆ ที่หลงมา และภาพเล็กให้พิกเซลน้อยเกินกว่าจะหาเส้นโค้งเรียบได้ ให้เริ่มจากฉบับที่ใหญ่ที่สุดที่หาได้ หน้าข่าวหรือหน้าแบรนด์ของเว็บไซต์มักมีฉบับใหญ่กว่าหรือ SVG ต้นฉบับให้

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

คำถามเกี่ยวกับการแปลง WebP เป็น SVG

ทำไมโปรแกรมแปลง WebP เป็น SVG อื่น ๆ จึงให้ไฟล์ที่เบลอ

หลายตัวเพียงฝังไฟล์ WebP ไว้ใน SVG เป็นภาพแล้วเปลี่ยนนามสกุล ไฟล์จะเปิดเป็น SVG ได้ แต่ยังเป็นพิกเซลอยู่ จึงเบลอเมื่อขยาย และไม่มีรูปทรงที่แก้ไขได้ ลองเปิดไฟล์ด้วยโปรแกรมแก้ไขข้อความ หากพบสตริง data:image ยาว ๆ แสดงว่าไม่ได้มีการแปลงเป็นเวกเตอร์เลย

แปลงรูปถ่าย WebP เป็น SVG ได้หรือไม่

ทำได้ แต่ผลลัพธ์จะดูคล้ายโปสเตอร์ ไล่สีที่ลื่นไหลและโทนผิวจะกลายเป็นแถบสีเรียบ ๆ รูปถ่ายเหมาะกับฟอร์แมตแรสเตอร์ ให้เก็บรูปถ่ายเป็น WebP, JPG หรือ PNG และแปลงเป็นเวกเตอร์เฉพาะโลโก้ เส้นขอบ หรือภาพประกอบที่ต้องการจริง ๆ

พื้นหลังโปร่งใสของไฟล์ WebP จะยังโปร่งใสอยู่หรือไม่

ได้ พิกเซลโปร่งใสจะไม่สร้างรูปทรงใด ๆ ดังนั้น SVG จะไม่มีอะไรอยู่หลังภาพที่แปลง ซึ่งมักเป็นสิ่งที่ต้องการสำหรับสติกเกอร์หรือโลโก้ที่วางบนพื้นหลังสีต่าง ๆ

ควรใช้กี่สีในการแปลงโลโก้ WebP เป็น SVG

ให้นับสีเรียบที่มองเห็น แล้วเพิ่มอีกสองถึงสามสีสำหรับขอบที่ทำให้เรียบ โลโก้สองสีแปลงได้สะอาดที่ค่า 4 ส่วนภาพประกอบมาสคอตอาจต้องใช้ 16 ถึง 24 หากใช้สีมากเกินไปจะเกิดเศษรูปทรงบาง ๆ ตามขอบทุกด้าน

ใช้ไฟล์ SVG กับ Cricut หรือเครื่องตัดเลเซอร์ได้หรือไม่

ได้ นี่เป็นเหตุผลหลักข้อหนึ่งของการแปลงเป็นเวกเตอร์ Cricut Design Space นำเข้า SVG เป็นเลเยอร์แยกตามสี และซอฟต์แวร์เลเซอร์อ่านพาธเป็นเส้นตัดหรือเส้นแกะสลัก ใช้ ขาวดำ ร่วมกับ เฉพาะเส้นขอบ เมื่อต้องการเส้นตัดเส้นเดียว

ทำไม SVG ที่แปลงแล้วจึงดูขรุขระเมื่อเทียบกับโลโก้ต้นฉบับ

ไฟล์ WebP ความละเอียดต่ำจากเว็บไซต์มักกว้างเพียง 100 ถึง 200 px ตัวแปลงจึงต้องเดาเส้นโค้งจากพิกเซลเพียงไม่กี่จุด ให้หาโลโก้ฉบับที่ใหญ่กว่า หรือขยายก่อนด้วย เพิ่มขนาดรูป แล้วแปลงใหม่อีกครั้ง

แปลง WebP เป็น SVG

แปลงรูปภาพเป็น SVG

วิธีใช้เครื่องมือนี้

อัปโหลดไฟล์ WebP

กำหนดจำนวนสี

แปลงเป็นเวกเตอร์ SVG