PNG เป็น SVG
เปลี่ยนโลโก้ ไอคอน หรือกราฟิกพื้นเรียบแบบ PNG ให้เป็น SVG เวกเตอร์ที่คมชัด ขยายขนาดใดก็ได้โดยไม่เสียคุณภาพ ทำงานในเบราว์เซอร์ของคุณ — ฟรี ไม่จำกัด และไม่มีการอัปโหลด
ลากรูปมาวางที่นี่ หรือคลิกเพื่อเลือกไฟล์
ประมวลผลในเครื่อง — ไม่มีการอัปโหลด
วิธีแปลง PNG เป็น SVG
ลากรูป PNG ลงในกล่อง ทำงานได้ดีที่สุดกับโลโก้ ไอคอน และกราฟิกพื้นเรียบ — อะไรก็ตามที่มีรูปทรงชัดเจนและสีทึบ ไฟล์ของคุณอยู่ในแท็บนี้เท่านั้นและไม่ถูกอัปโหลด
ปรับแถบเลื่อนค่าเกณฑ์หากผลลัพธ์มีรายละเอียดมากหรือน้อยเกินไป ค่าสูงจะจับบริเวณที่จางกว่า ค่าต่ำจะเก็บเฉพาะรูปทรงที่เข้มที่สุด
คลิก “แปลง” SVG ที่แปลงเป็นเวกเตอร์จะปรากฏด้านล่าง — ซูมเท่าใดก็ได้โดยไม่เบลอ จากนั้นคัดลอกโค้ดหรือดาวน์โหลดไฟล์ไปใช้กับเครื่องมือออกแบบหรือเว็บไซต์ของคุณ
เคล็ดลับที่ควรรู้
โลโก้และไอคอน: ทำไมเวกเตอร์ชนะพิกเซลในทุกขนาด
โลโก้ PNG สวยสมบูรณ์ที่ 200 พิกเซล แต่แตกที่ 2000 — เพราะพิกเซลถูกตรึงไว้ตอนส่งออก SVG เก็บรูปทรงเป็นเส้นโค้งทางคณิตศาสตร์ ไฟล์เดียวกันจึงคมชัดทั้งบนนามบัตรและป้ายโฆษณา นี่คือเหตุผลที่โรงพิมพ์ขอไฟล์เวกเตอร์: โลโก้เดียว ใช้ได้ทุกงาน เครื่องมือนี้เปลี่ยน PNG พื้นเรียบของคุณกลับเป็นเส้นโค้งเหล่านั้น เพื่อให้โลโก้ราสเตอร์ที่คุณมีแค่ภาพหน้าจออยู่รอดในทุกขนาดในอนาคต แต่จำไว้ว่ามันวาดใหม่ตามที่เห็น — PNG ความละเอียดต่ำก็ยังได้ขอบที่สะอาด แต่รายละเอียดละเอียดที่ไม่เคยอยู่ในพิกเซลก็สร้างขึ้นมาไม่ได้
จากดีไซน์พื้นเรียบสู่เว็บ: SVG ในเว็บไซต์ยุคใหม่
เว็บไซต์ยุคใหม่ส่งไอคอนและภาพประกอบเป็น SVG เป็นค่าเริ่มต้น: ไฟล์มักเล็กกว่า PNG ที่เทียบเท่า คมชัดเสมอบนจอความหนาแน่นสูง และเปลี่ยนสีได้ด้วย CSS บรรทัดเดียว ไอคอน PNG ที่ส่งออกครั้งเดียวที่ 64 พิกเซลเป็นภาระบนจอ Retina รูปทรงเดียวกันแบบ SVG ขยายได้ฟรี หากคุณกำลังทำเว็บไซต์ หน้าโลโก้ หรือชุด favicon การแปลงแอสเซตพื้นเรียบเป็น SVG ก่อนจะกำจัดบั๊กภาพเบลอทั้งหมวด เครื่องมือนี้ให้การแปลงนั้นในไม่กี่วินาทีโดยไม่ต้องใช้โปรแกรมออกแบบ
การทำเวกเตอร์ทำอะไรได้และไม่ได้: ขีดจำกัดที่ตรงไปตรงมา
การทำเวกเตอร์คือการวาดใหม่ ไม่ใช่เวทมนตร์ ให้โลโก้พื้นเรียบ คุณจะได้เส้นทางที่สะอาดและขยายได้ไม่จำกัด ให้ภาพถ่าย คุณจะได้แถบรูปทรงที่ดูเหมือนศิลปะนามธรรม — เครื่องมือจะทำงานให้ แต่ผลลัพธ์คือการตีความแบบสไตไลซ์ ไม่ใช่สำเนา ไล่เฉดและเงานุ่มมักเป็นผู้เสียสละ: เส้นทางเวกเตอร์มีสีเติมสีเดียว การเปลี่ยนผ่านที่เนียนจึงกลายเป็นขั้นบันได แถบเลื่อนค่าเกณฑ์มีไว้เพื่อการแลกเปลี่ยนนี้โดยเฉพาะ — เลื่อนจนรูปทรงที่สำคัญแข็งแรงและสัญญาณรบกวนที่ไม่จำเป็นหายไป หากไม่แน่ใจ ให้ครอปเหลือแค่ตัวกราฟิกก่อนแปลง: พื้นหลังน้อยลง = เส้นสะอาดขึ้นและไฟล์ SVG เล็กลง
คำถามที่พบบ่อย
ตัวแปลง PNG เป็น SVG นี้ฟรีจริงหรือไม่?+
ใช่ การแปลงทำงานทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีเซิร์ฟเวอร์ จึงไม่มีค่าใช้จ่ายและไม่จำกัดจำนวนรูป
SVG จะดูเหมือน PNG ต้นฉบับของฉันเป๊ะไหม?+
ใกล้เคียงมากสำหรับกราฟิกพื้นเรียบ — โลโก้ ไอคอน และรูปทรงสีทึบแปลงเป็นเวกเตอร์ได้เกือบสมบูรณ์ ภาพถ่ายและภาพไล่เฉดจะกลายเป็นแถบรูปทรงแบบสไตไลซ์ เพราะการทำเวกเตอร์คือการวาดพิกเซลใหม่เป็นเส้นโค้ง ไม่ใช่การคัดลอก
รูปภาพแบบไหนทำงานได้ดีที่สุด?+
โลโก้ ไอคอน คลิปอาร์ต และภาพประกอบพื้นเรียบที่มีขอบชัดและสีไม่กี่สี ภาพหน้าจอขององค์ประกอบ UI สีทึบก็ใช้ได้ดี ยิ่งรูปของคุณเหมือนภาพถ่ายมากเท่าไร ก็ยิ่งไม่เหมาะกับการทำเวกเตอร์
แก้ไข SVG ภายหลังได้ไหม?+
ได้ ไฟล์ประกอบด้วยเส้นทางเวกเตอร์จริงไม่ใช่พิกเซล — เปิดใน Inkscape, Figma, Illustrator หรือโปรแกรมแก้ไขใดก็ได้ที่อ่าน SVG เปลี่ยนสี ย้ายจุด และส่งออกขนาดใดก็ได้โดยไม่เสียคุณภาพ
แถบเลื่อนค่าเกณฑ์ทำหน้าที่อะไร?+
มันกำหนดว่าพิกเซลใดจะกลายเป็นส่วนหนึ่งของรูปทรง พิกเซลที่เข้มกว่าค่าเกณฑ์จะกลายเป็นเส้นทางเวกเตอร์ ส่วนที่อ่อนกว่ากลายเป็นพื้นหลัง เลื่อนขึ้นเพื่อรวมบริเวณจาง เลื่อนลงเพื่อเก็บเฉพาะรูปทรงเข้มทึบ