แปลง PNG เป็น SVG ฟรี
PNG เป็นภาพแรสเตอร์ที่เหมาะที่สุดสำหรับนำไปแปลงเป็นเวกเตอร์ เพราะขอบภาพไม่สูญเสียคุณภาพ และพื้นหลังมักโปร่งใสอยู่แล้ว อัปโหลดไฟล์ PNG เลือกจำนวนสีที่ต้องการเก็บไว้ แล้วดาวน์โหลดไฟล์ SVG ที่มีรูปทรงซึ่งปรับขนาดและแก้ไขได้
แปลงรูปภาพเป็น SVG
หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
ค่าสูงจะเก็บจุดเล็ก ๆ และพื้นผิวละเอียดไว้ ค่าต่ำจะตัดรูปทรงที่เล็กกว่าไม่กี่พิกเซลออกและลดสัญญาณรบกวน
ค่าสูงจะลบขอบหยักจากภาพความละเอียดต่ำหรือ JPG ให้มน ค่าต่ำจะคงมุมแหลมไว้
เส้นโค้งเรียบสำหรับภาพส่วนใหญ่ เส้นตรงสำหรับโลโก้ทรงเรขาคณิต และขอบพิกเซลเพื่อคงลักษณะเป็นบล็อกของภาพพิกเซลอาร์ต
สำหรับไฟล์ PDF เท่านั้น ระบุหน้าที่จะแปลง เช่น 1 หรือ 1-3, 5 แต่ละหน้าจะเป็นไฟล์แยกกัน
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ PNG
วางโลโก้ ไอคอน สติกเกอร์ หรือภาพวาดที่เป็น PNG หรือวางพร้อมกันได้สูงสุด 20 ไฟล์ ไฟล์ที่ส่งออกมาขนาดใหญ่จะได้ผลการแปลงเป็นเส้นที่ดีกว่า PNG กว้าง 1000 px ให้ผลดีกว่า favicon ขนาด 64 px
- 2
เลือกโหมดการแปลงเป็นเวกเตอร์
ปล่อย โหมดสี ไว้ที่สีแบบ 8 สีสำหรับโลโก้ทั่วไป เปลี่ยนเป็น ขาวดำ สำหรับงานลายเส้น หรือกำหนด จำนวนสี ให้ตรงกับจำนวนสีในงานออกแบบของคุณ
- 3
ดาวน์โหลดไฟล์ SVG
กด ทำเวกเตอร์เป็น SVG แล้วเปิดไฟล์ ซูมดูเส้นโค้ง หากขอบดูเป็นขั้นบันได ให้เพิ่ม การปรับให้เรียบ ใต้ การตั้งค่าขั้นสูง แล้วทำอีกครั้ง
ทำไม PNG จึงเหมาะที่สุดสำหรับแปลงเป็น SVG
PNG ถูกสร้างขึ้นในปี 1995 เพื่อแทน GIF ที่ไม่ติดสิทธิบัตร และกลายเป็นคำแนะนำของ W3C ในเดือนตุลาคม 1996 การบีบอัดของ PNG ไม่มีการสูญเสียข้อมูล ขอบสีแดงที่อยู่ติดขอบสีขาวจึงคงเดิมทุกประการ ไม่มีริ้วคลื่นหรือเป็นบล็อก สำหรับตัวแปลงนี่คืออินพุตที่เหมาะที่สุด เพราะเส้นแบ่งระหว่างสองสีอยู่ตรงที่พิกเซลบอก เส้นโค้งที่ปรับจึงแนบไปกับงานออกแบบเดิม
PNG ยังมีช่องอัลฟา ซึ่งเป็นค่าความทึบแยกสำหรับทุกพิกเซล โลโก้และไอคอนที่ส่งออกจาก Figma, Canva หรือ Photoshop มักใช้ช่องนี้ และมันทำหน้าที่เป็นมาสก์สำเร็จรูป คือส่วนโปร่งใสทั้งหมดเป็นพื้นหลัง ส่วนทึบทั้งหมดเป็นงาน JPEG ของโลโก้เดียวกันมีกล่องสีขาวฝังอยู่ ซึ่งเป็นเหตุผลที่ JPEG เป็น SVG ต้องใช้การปรับให้เรียบที่แรงกว่าและมักต้อง ลบพื้นหลัง
เนื่องจากอินพุตสะอาด หน้านี้จึงใช้ รายละเอียด 70 และ การปรับให้เรียบ 40 เพื่อคงมุมเล็ก ๆ และเชิงตัวอักษรที่หน้า JPEG ทำให้เรียบหายไป คู่มือแปลง PNG เป็น SVG อธิบายพร้อมตัวอย่าง
แปลงเป็นเวกเตอร์แบบสี โทนสีเทา หรือขาวดำ
สี
แต่ละกลุ่มสีจะกลายเป็นเลเยอร์ของเส้นที่ระบายสีของตัวเอง
- 2–64 สี
- คงสีแบรนด์ไว้
- รูปทรงซ้อนกัน เปลี่ยนสีได้ง่าย
โทนสีเทา
เหมือนโหมดสี แต่แต่ละกลุ่มเป็นโทนสีเทา
- 2–64 ระดับสีเทา
- ไม่มีสีเพี้ยน
- เหมาะกับงานดินสอและถ่าน
ขาวดำ
ตัดครั้งเดียว: ทุกพิกเซลเป็นหมึกหรือไม่มีอะไรเลย
- ค่าขีดแบ่ง 1–254
- ไฟล์เล็กที่สุด
- ชุดเส้นเดียว
ค่าเกณฑ์ (threshold) สำหรับแปลงลายเส้น PNG เป็น SVG
- 60
เหลือเฉพาะหมึกที่เข้มที่สุด
- 128
ค่าเริ่มต้นแบ่งที่สีเทากลาง
- 170
คงเส้นจางหรือเส้นที่ทำ anti-aliasing ไว้
- 220
สีเทาอ่อนกลายเป็นสีดำ ขอบหนาขึ้น
PNG
Portable Network Graphics
PNG เป็นรูปแบบภาพแรสเตอร์แบบไม่สูญเสียข้อมูล (lossless) ที่ PNG Development Group เผยแพร่ในปี 1996 และต่อมาได้รับการกำหนดเป็นมาตรฐานโดย W3C และ ISO รักษาทุกพิกเซลไว้อย่างแม่นยำ รองรับพื้นหลังโปร่งใสแบบ alpha เต็มรูปแบบ และแสดงข้อความ ขอบคม และสีพื้นเรียบได้โดยไม่มีสิ่งแปลกปลอมในภาพ (artefact) ความแม่นยำนี้ทำให้เหมาะกับภาพหน้าจอ โลโก้ ไอคอน และกราฟิกส่วนติดต่อผู้ใช้ ข้อแลกเปลี่ยนคือขนาด ภาพถ่ายที่บันทึกเป็น PNG มักใหญ่กว่าภาพเดียวกันในรูปแบบ JPEG หรือ WebP หลายเท่า เบราว์เซอร์ ระบบปฏิบัติการ และโปรแกรมแต่งภาพทุกตัวเปิดไฟล์ PNG ได้
- การบีบอัด
- แบบไม่สูญเสียข้อมูล
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ไม่ได้
- เปิดตัว
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG เป็นรูปแบบเวกเตอร์ที่อิงกับ XML ซึ่ง W3C กำหนดเป็นมาตรฐานในปี 2001 แทนที่จะใช้พิกเซล จะอธิบายรูปทรง เส้นพาธ และข้อความ จึงคมชัดในทุกขนาด และมักมีขนาดเล็กมากสำหรับโลโก้และไอคอน รองรับพื้นหลังโปร่งใส การจัดสไตล์ด้วย CSS สคริปต์ และภาพเคลื่อนไหว และเบราว์เซอร์ทุกตัวแสดงผลได้โดยตรง SVG ไม่เหมาะกับภาพถ่าย และภาพประกอบที่ซับซ้อนอาจแสดงผลช้า Illustrator, Inkscape, Figma และเบราว์เซอร์เปิดและแก้ไขไฟล์นี้ได้
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- ได้
- ภาพเคลื่อนไหว
- ได้
- เปิดตัว
- 2001 · W3C
PNG มีขอบคมชัดและมักมีพื้นหลังโปร่งใสอยู่แล้ว ผู้ใช้จึงแปลงเป็น SVG เพื่อให้ได้โลโก้หรือไอคอนที่ขยายได้สำหรับงานพิมพ์ เครื่องตัด และเว็บไซต์แบบปรับตามหน้าจอ ส่วน SVG เป็น PNG เป็นทิศทางตรงข้าม คือเรนเดอร์เวกเตอร์เป็นพิกเซลสำหรับแอปที่อ่าน SVG ไม่ได้
เตรียมไฟล์ PNG ก่อนแปลงเป็นเวกเตอร์
ส่งออกขนาดใหญ่
บันทึก PNG ที่ขนาดสองถึงสามเท่าของขนาดที่แสดง เส้นโค้งถูกปรับตามขอบพิกเซล ยิ่งพิกเซลมากเส้นโค้งยิ่งตรงตามจริง
ลดเอฟเฟกต์ให้เรียบ
เงา แสงเรือง และไล่สี จะกลายเป็นแถบบางหลายสิบแถบ ให้ซ่อนก่อนส่งออก แล้วค่อยเพิ่มกลับใน SVG หากจำเป็น
นับจำนวนสี
จดว่างานออกแบบใช้สีทึบกี่สี แล้วกรอกตัวเลขนั้น สำหรับงาน CNC หรือเลเซอร์ PNG เป็น DXF จะแปลงไฟล์เดียวกันเป็นฟอร์แมต CAD
แปลง PNG เป็น SVG: คำถามที่พบบ่อย
แปลง PNG เป็น SVG ฟรีโดยไม่ต้องสร้างบัญชีได้หรือไม่
ได้ อัปโหลด แปลง และดาวน์โหลดได้โดยไม่ต้องมีบัญชี สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ PNG ที่อัปโหลดและไฟล์ SVG ที่เสร็จแล้วจะถูกลบออกจากเซิร์ฟเวอร์หลังจาก 30 นาที
ส่วนที่โปร่งใสในไฟล์ PNG จะเป็นอย่างไร
ช่องอัลฟาของ PNG จะบอกให้ตัวแปลงรู้ว่าพิกเซลใดเป็นส่วนของงาน พื้นที่โปร่งใสทั้งหมดจึงยังคงว่างเปล่า ไม่กลายเป็นรูปทรงสีขาว โดยปกติไม่จำเป็นต้องใช้ ลบพื้นหลัง เปิดใช้เฉพาะเมื่อ PNG มีพื้นหลังสีขาวหรือสีทึบฝังอยู่ในภาพ
ทำไมไอคอน PNG ที่แปลงเป็น SVG แล้วจึงมีเส้นขอบจาง ๆ รอบแต่ละรูปทรง
ขอบที่เรียบของ PNG ผ่านการทำ anti-aliasing พิกเซลนอกสุดจึงโปร่งแสงครึ่งหนึ่งหรือเป็นสีผสมของสองสี ตัวแปลงอาจอ่านสีผสมนั้นเป็นสีบางเพิ่มขึ้นอีกหนึ่งสี ให้ลด จำนวนสี ลงหนึ่งหรือสองสี หรือเพิ่ม การปรับให้เรียบ แล้วขอบเรืองจะรวมเข้ากับรูปทรง
เครื่องมือนี้ต่างจาก Image Trace ของ Illustrator หรือ Trace Bitmap ของ Inkscape อย่างไร
แนวทางเดียวกัน คือลดจำนวนสี หาขอบ แล้วปรับเส้นโค้งให้พอดี Illustrator มีค่าที่ตั้งไว้ล่วงหน้า เช่น Black and White Logo และ 16 Colors ส่วน Inkscape มีการตัดตามความสว่างและการสแกนหลายสี ที่นี่ตัวเลือกที่เทียบเท่าคือ โหมดสี จำนวนสี และ ค่าขีดแบ่ง โดยไม่ต้องติดตั้งอะไร
ข้อความในไฟล์ PNG จะกลายเป็นข้อความที่แก้ไขได้ใน SVG หรือไม่
ไม่ได้ ตัวอักษรจะถูกแปลงเป็นรูปทรงเส้นขอบ จึงคงหน้าตาไว้ได้ แต่พิมพ์แก้ไขใหม่ไม่ได้ เหมาะกับโลโก้ แต่ถ้าเป็นภาพหน้าจอที่เต็มไปด้วยข้อความ การพิมพ์ใหม่จะเร็วกว่า
ไฟล์ PNG ของฉันใช้สีเพียงห้าสีพอดี SVG จะเก็บสีเหล่านั้นไว้ได้ตรงทุกสีหรือไม่
ตั้ง จำนวนสี เป็น 5 ตัวแปลงจะจัดทุกพิกเซลเป็นห้ากลุ่ม และใน PNG ที่เป็นสีเรียบ กลุ่มเหล่านั้นจะตรงกับสีเดิม
