ข้ามไปยังเนื้อหา

แปลง PNG เป็น SVG

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

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

วิธีใช้งาน แปลง PNG เป็น SVG

  1. 1

    วางรูปภาพ 1 ไฟล์

    เพิ่มรูป PNG, JPG, WebP หรือรูปภาพอื่น ๆ ขนาดไม่เกิน 25 MB โลโก้ ไอคอน ลายเซ็น และภาพประกอบแบบแบนจะแปลงได้ดีที่สุด

  2. 2

    เลือกสไตล์

    ขาวดำ สร้างรูปทรงสีเดียวจากค่าขีดแบ่งของความสว่าง สี ใช้ได้สูงสุด 32 สี ส่วน ละเอียด ใช้ได้สูงสุด 64 สี

  3. 3

    ปรับพาธให้เรียบร้อย

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

  4. 4

    บันทึกไฟล์ SVG

    เทียบผลลัพธ์กับภาพต้นฉบับ แล้วดาวน์โหลด name.svg หรือคัดลอกโค้ด SVG ไปใส่ในโปรเจกต์ของคุณ

ข้อจำกัดและ Pro

ครั้งละ 1 รูป ขนาดไม่เกิน 25 MB แปลงได้สูงสุด 2,000 px ตามด้านที่ยาวที่สุด และไม่เกิน 64 สี

Pro รองรับรูปภาพต้นฉบับขนาดสูงสุด 4 GB ดู Pro

เกี่ยวกับ แปลง PNG เป็น SVG

PNG เป็น SVG จะตามรอยเส้นขอบในรูปภาพแรสเตอร์ แล้วสร้างใหม่เป็นพาธเวกเตอร์ ผลลัพธ์จึงขยายได้ตั้งแต่ขนาดป้ายโฆษณาใหญ่ ๆ ไปจนถึงไอคอน favicon โดยไม่เห็นเป็นพิกเซล ขั้นแรกรูปภาพจะถูกลดเหลือจานสีด้วยตัวควอนไทซ์แบบ median-cut หรือเหลือสีของรูปทรงเพียงสีเดียวในโหมดขาวดำ จากนั้นเอนจิน imagetracerjs จะวาดเส้นขอบของแต่ละบริเวณสี ไฟล์ SVG ที่ได้มีองค์ประกอบพาธหนึ่งรายการต่อหนึ่งเลเยอร์สี คงความกว้างและความสูงเท่ากับรูปต้นฉบับ และตัดเลเยอร์พื้นหลังออกได้เพื่อให้โลโก้โปร่งใส

ความละเอียดในการแปลงมี 3 ระดับ แลกระหว่างความเร็วกับรายละเอียด โดย เร็ว ประมวลผลที่ 800 พิกเซลตามด้านที่ยาวที่สุด สมดุล ที่ 1,200 และ สูง ที่ 2,000 ส่วน ความเรียบเนียน มีตั้งแต่ เป๊ะ ซึ่งตามทุกขั้นของพิกเซล ไปจนถึง สูงสุด ซึ่งทำให้มุมโค้งมนมาก ตัวกรองสัญญาณรบกวนจะลบจุดเล็กที่มีขนาดไม่เกิน 40 พิกเซล สถิติใต้ตัวอย่างจะบอกจำนวนพาธและสีของไฟล์ ซึ่งช่วยประเมินได้ว่าไฟล์จะหนักเพียงใด

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

ความเป็นส่วนตัว

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

คุณสมบัติ

พาธเวกเตอร์ที่สะอาด

พาธกะทัดรัดหนึ่งเส้นต่อหนึ่งเลเยอร์สี ขยายได้ทุกขนาดโดยไม่เห็นพิกเซล

3 สไตล์

ขาวดำ สำหรับโลโก้และลายเซ็น สี สำหรับงานแบบแบน ละเอียด สำหรับภาพประกอบที่มีรายละเอียดมากขึ้น

ความเรียบเนียนและตัวกรองสัญญาณรบกวน

ทำให้ขอบหยักมนขึ้นและตัดจุดเล็ก ๆ ออกก่อนดาวน์โหลด

คัดลอกโค้ด

วางโค้ด SVG ลงใน HTML, CSS หรือเครื่องมือออกแบบได้ทันที

แปลง PNG เป็น SVG: คำถามที่พบบ่อย

รูปภาพแบบไหนแปลงเป็น SVG ได้ดีที่สุด?
รูปที่มีขอบชัดเจนและใช้สีไม่มาก เช่น โลโก้ ไอคอน ลายเส้น ลายเซ็น ตราประทับ ภาพประกอบแบบแบน และแผนภาพง่าย ๆ ควรกว้างอย่างน้อย 500 พิกเซล เริ่มจาก ขาวดำ สำหรับงานสีเดียว และ สี ที่ 4 ถึง 8 สีสำหรับกราฟิกแบบแบน รูปถ่ายและการไล่สีแบบนุ่มจะสร้างรูปทรงเล็ก ๆ นับพัน จึงมักเหมาะกับไฟล์ JPG หรือ PNG ต้นฉบับมากกว่า
ทำโลโก้ SVG พื้นหลังโปร่งใสได้อย่างไร?
เปิด ลบพื้นหลัง ไว้ ซึ่งเป็นค่าเริ่มต้นในโหมดขาวดำ สีที่พบมากที่สุดตามขอบรูปจะถูกมองเป็นพื้นหลังและถูกตัดออก เหลือเฉพาะรูปทรงของโลโก้ ในโหมดขาวดำ ใช้ กลับสี สำหรับโลโก้สีอ่อนบนพื้นเข้ม และเลือก สีของรูปทรง ที่ต้องการ ตรวจดูตัวอย่างเทียบกับลายตารางหมากรุกก่อนดาวน์โหลด
ทำไม SVG ของฉันมีขอบหยาบหรือมีจุดรบกวน?
การแปลงจะตามพิกเซลที่เห็น ดังนั้นต้นฉบับที่เบลอ เล็ก หรือถูกบีบอัดหนักจะได้เส้นขอบหยักและมีจุดเล็ก ๆ หลงเหลือ ลองตั้ง ความละเอียดในการแปลง เป็น สูง ปรับ ความเรียบเนียน เป็น สูง หรือ สูงสุด เพื่อให้เส้นโค้งมนขึ้น และเพิ่ม ตัวกรองสัญญาณรบกวน เป็น 10 ถึง 20 พิกเซลเพื่อตัดจุดเล็ก ๆ รูปต้นฉบับที่ใหญ่และสะอาดกว่าช่วยให้ผลดีกว่าการตั้งค่าใด ๆ
ผลลัพธ์เป็นไฟล์เวกเตอร์จริงหรือไม่?
ใช่ ไฟล์ที่ดาวน์โหลดเป็น SVG มาตรฐานที่ประกอบด้วยองค์ประกอบพาธพร้อมสีเติม ไม่มีบิตแมปฝังอยู่ภายใน จึงขยายเป็นขนาดใดก็ได้โดยไม่เห็นพิกเซล และเปิดได้ใน Illustrator, Inkscape, Figma, Affinity และเบราว์เซอร์ทุกตัว คุณเปลี่ยนสีเลเยอร์ ลบรูปทรง หรือลดจำนวนโหนดได้ในโปรแกรมเหล่านั้น ข้อความในต้นฉบับจะกลายเป็นรูปทรง จึงแก้ไขเป็นตัวอักษรไม่ได้
ใช้ SVG กับ Cricut เครื่องพล็อตเตอร์ หรือเครื่องตัดเลเซอร์ได้หรือไม่?
โดยทั่วไปทำได้ โหมด ขาวดำ ร่วมกับ ลบพื้นหลัง จะได้รูปทรงที่เติมสีโดยไม่มีสี่เหลี่ยมพื้นหลัง ซึ่งซอฟต์แวร์ตัดและแกะสลักนำเข้าได้โดยตรง ใช้ ตัวกรองสัญญาณรบกวน เพื่อลบชิ้นเล็กจิ๋วที่แกะออกไม่ได้ และเพิ่มความเรียบเนียนให้เส้นโค้งสะอาด จากนั้นตรวจในซอฟต์แวร์ของเครื่องว่ารูเล็ก ๆ เช่นด้านในตัวอักษรออกมาตามที่ต้องการ

งานอื่น ๆ ที่ใช้เครื่องมือนี้ได้

เครื่องมือรูปภาพ ทั้งหมด