แปลงฟรี
PNG ถึง SVG เวกเตอร์เซอร์
แปลงภาพ Raster PNG/JPG เป็นกราฟิก Vector SVG ที่ปรับขนาดได้ ปลอดภัย รวดเร็ว และประมวลผลทั้งหมดภายในเบราว์เซอร์ของคุณ
ลากและวาง PNG/JPG ที่นี่
รองรับได้ถึง 50MB
หรือ
แปลงภาพ Raster PNG/JPG เป็นกราฟิก Vector SVG ที่ปรับขนาดได้ ปลอดภัย รวดเร็ว และประมวลผลทั้งหมดภายในเบราว์เซอร์ของคุณ
รองรับได้ถึง 50MB
โดยพื้นฐานแล้วการแปลง PNG เป็น SVG นั้นเป็นการดำเนินการติดตาม ไม่ใช่การเปลี่ยนรูปแบบ PNG เก็บพิกเซล; SVG เก็บรูปทรงเรขาคณิตดั้งเดิม การเปลี่ยนจากตารางพิกเซลไปสู่เส้นทางเวกเตอร์ที่ปรับขนาดได้นั้นจำเป็นต้องมีการตีความบิตแมปและการวาดรูปร่างโดยประมาณรอบๆ บริเวณที่มีสีใกล้เคียงกัน ผลลัพธ์คือสามารถปรับขนาดได้อย่างแท้จริง — คุณสามารถปรับขนาดได้อย่างอิสระโดยไม่ต้องมีพิกเซล — แต่ไม่ใช่การสร้างต้นฉบับที่สมบูรณ์แบบ เนื้อหาการถ่ายภาพติดตามได้ไม่ดีเนื่องจากทุกการเปลี่ยนแปลงสีในระดับพิกเซลจะกลายเป็นรูปร่าง ทำให้เกิด SVG ขนาดใหญ่ที่ทำลายจุดประสงค์ โลโก้ ไอคอน ลายเส้น และกราฟิกคอนทราสต์สูงติดตามได้อย่างหมดจด เนื่องจากมีขอบเขตสีจำนวนน้อยและมีขอบเขตที่กำหนดไว้อย่างดี
ตัวแปลงนี้ใช้ไลบรารี imagetracerjs ซึ่งเป็นพอร์ต JavaScript ของอัลกอริธึมการติดตามเวกเตอร์ที่คล้ายกับ potrace PNG ถูกถอดรหัสเป็นบิตแมป RGBA บิตแมปจะถูกแบ่งออกเป็นขอบเขตสีโดยใช้จานสีที่กำหนดค่าได้ ขอบเขตของแต่ละภูมิภาคจะถูกติดตามเป็นเส้นทาง เส้นทางจะถูกทำให้ง่ายขึ้นโดยใช้การประมาณ Bezier และเส้นทางผลลัพธ์จะถูกปล่อยออกมาเป็นองค์ประกอบเส้นทาง SVG ไปป์ไลน์ทั้งหมดทำงานในเบราว์เซอร์ของคุณโดยไม่ต้องอัปโหลดเซิร์ฟเวอร์ใดๆ
พารามิเตอร์การติดตามจะควบคุมการแลกเปลี่ยนระหว่างความเที่ยงตรงและขนาดไฟล์ สีที่มากขึ้นและรายละเอียดที่ละเอียดยิ่งขึ้นจะทำให้ SVG มีขนาดใหญ่ขึ้นซึ่งตรงกับแหล่งที่มามากขึ้น สีที่น้อยลงและการติดตามแบบหยาบยิ่งขึ้นจะทำให้ SVG เล็กลงและให้ความรู้สึกมีสไตล์มากขึ้น ค่าเริ่มต้นได้รับการปรับสำหรับโลโก้และไอคอน รูปภาพที่ซับซ้อนอาจได้ประโยชน์จากการติดตามด้วยการตั้งค่าที่ปรับเปลี่ยน หรืออาจไม่เป็นตัวเลือกที่ดีสำหรับการทำเวกเตอร์
การทำให้ PNG เป็นเวกเตอร์มีประโยชน์มากที่สุดเมื่อคุณต้องการปรับขนาดรูปภาพเกินความละเอียดดั้งเดิม โดยเฉพาะอย่างยิ่งโลโก้มักจะมาในรูปแบบ PNG ในขนาดที่พอเหมาะ และต้องปรากฏคมชัดบนป้ายโฆษณา จอเรตินา และภาพพิมพ์ขนาดใหญ่ การติดตามเวกเตอร์จะสร้าง SVG ที่ปรับขนาดได้โดยไม่สูญเสียคุณภาพ ข้อเสียคือความเที่ยงตรงของพิกเซลดั้งเดิม
SVG ยังมีขนาดกะทัดรัดกว่า PNG อย่างมากสำหรับกราฟิกที่มีสีน้อยและมีพื้นที่เรียบขนาดใหญ่ ไอคอน PNG ขนาด 256×256 อาจเป็น 8 KB; SVG ที่เทียบเท่ากับสองหรือสามสีมักจะมีขนาดต่ำกว่า 1 KB สำหรับไลบรารีไอคอน UI ที่ส่งไปยังส่วนหน้าของเว็บ เวอร์ชันเวกเตอร์จะลดขนาดมัดและปรับปรุงความคมชัดในความหนาแน่นของการแสดงผลทั้งหมด
วาง PNG เลือกการตั้งค่าการติดตาม สร้าง SVG
imagetracerjs ใช้ไปป์ไลน์แบบหลายขั้นตอน: การหาปริมาณสีจะลดบิตแมปเป็นจำนวนสีคงที่โดยใช้การจัดกลุ่มแบบเคมีนหรือการตัดค่ามัธยฐาน การตรวจจับขอบจะระบุขอบเขตพิกเซลระหว่างภูมิภาค การติดตามรูปร่างเป็นไปตามขอบเขตเพื่อสร้างรูปหลายเหลี่ยมแบบปิด การปรับเส้นและเส้นโค้งจะประมาณรูปหลายเหลี่ยมด้วยเส้นโค้ง Bezier เพื่อลดข้อมูลเส้นทาง
พารามิเตอร์อัลกอริธึมที่สำคัญที่สุดคือจำนวนสี (โดยทั่วไป: 4–32), pathomit (เส้นทางที่สั้นกว่าพิกเซลจำนวนมากนี้จะละทิ้งเป็นสัญญาณรบกวน), ltres (ความทนทานต่อเส้น — ขอบสามารถเบี่ยงเบนไปได้ไกลแค่ไหนก่อนที่จะถูกแยกออกเป็นส่วนใหม่) และ qtres (ความทนทานต่อเส้นโค้งกำลังสอง — ความโค้งที่นุ่มนวลอย่างมาก) ค่าเริ่มต้นทำงานได้ดีสำหรับโลโก้ ภาพที่ซับซ้อนจะได้ประโยชน์จากการปรับแต่งภาพต่อภาพ
เอาต์พุตเป็น SVG 1.1 มาตรฐานพร้อมองค์ประกอบเส้นทาง แต่ละขอบเขตสีจะกลายเป็นเส้นทางเดียวพร้อมแอตทริบิวต์การเติม ไฟล์ที่ได้จะเปิดขึ้นในเบราว์เซอร์ โปรแกรมแก้ไขเวกเตอร์ หรือเครื่องมือออกแบบที่รับรู้ถึง SVG ขนาดไฟล์ขึ้นอยู่กับจำนวนเส้นทางและความหนาแน่นของโหนดเป็นหลัก โลโก้ที่ติดตามโดยทั่วไปคือ 1–10 KB