Skip to content
fileGOD
เคล็ดลับรูปภาพ4 min อ่าน

วิธีแปลง SVG เป็น PNG โดยไม่สูญเสียคุณภาพ

fileGOD Team

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

SVG กับ PNG: อะไรคือความแตกต่าง?

  • SVG (Scalable Vector Graphics) เป็นรูปแบบเวกเตอร์ อธิบายภาพโดยใช้เส้นทาง รูปทรง และพิกัดทางคณิตศาสตร์ นั่นหมายความว่า SVG สามารถขยายได้ทุกขนาด จากไอคอนเล็กไปถึงป้ายโฆษณา โดยไม่สูญเสียความคมชัด ไฟล์ SVG มักมีขนาดเล็กมากสำหรับกราฟิกง่ายๆ
  • PNG (Portable Network Graphics) เป็นรูปแบบแรสเตอร์ จัดเก็บภาพเป็นตารางของพิกเซลสี PNG มีความละเอียดคงที่ ดังนั้นการขยายเกินขนาดพิกเซลเดิมทำให้ดูเบลอ อย่างไรก็ตาม PNG ได้รับการรองรับทุกที่และใช้งานได้ทุกที่

ทำไมต้องแปลง SVG เป็น PNG?

มีเหตุผลทั่วไปหลายประการในการแปลงนี้:

  • ความเข้ากันได้ของแพลตฟอร์ม แพลตฟอร์มหลายแห่ง (โซเชียลมีเดีย ไคลเอนต์อีเมล ตัวแก้ไขเอกสาร) ไม่แสดงไฟล์ SVG PNG ได้รับการยอมรับทุกที่
  • การแสดงผลที่สม่ำเสมอ SVG อาจดูต่างกันในเบราว์เซอร์ต่างๆ หากใช้ฟีเจอร์ขั้นสูงหรือฟอนต์ที่กำหนดเอง การแปลงเป็น PNG ล็อกรูปลักษณ์ที่แน่นอน
  • งานนำเสนอและเอกสาร PowerPoint, Google Slides และ Word จัดการ PNG ได้ดีกว่า SVG
  • การสร้าง Favicon และไอคอนแอป แม้ว่าจะมี SVG favicon แต่หลายบริบทยังต้องการ PNG ในขนาดพิกเซลเฉพาะ

การเลือกขนาดที่เหมาะสม

เนื่องจาก SVG ไม่ขึ้นกับความละเอียด การตัดสินใจที่สำคัญที่สุดเมื่อแปลงคือจะส่งออกขนาดพิกเซลเท่าไหร่ นั่นคือที่มาของการปรับขนาด:

  • ขนาด 1x: ส่งออกที่ขนาดวิวพอร์ตเริ่มต้นของ SVG หาก SVG กำหนดไว้ที่ 200x200 คุณจะได้ PNG 200x200 เหมาะสำหรับกราฟิกเว็บขนาดเล็ก
  • ขนาด 2x: เพิ่มขนาดเป็นสองเท่า (400x400 จาก SVG เดียวกัน) เหมาะสำหรับจอ Retina และหน้าจอ high-DPI ที่ความละเอียดมาตรฐานดูนุ่ม
  • ขนาด 4x: เพิ่มขนาดเป็นสี่เท่า (800x800) ใช้เมื่อต้องการเวอร์ชันความละเอียดสูงสำหรับสิ่งพิมพ์ จอขนาดใหญ่ หรือเมื่อต้องการรายละเอียดพิเศษ

ขนาดที่ใหญ่กว่าสร้างไฟล์ขนาดใหญ่กว่าแต่รักษารายละเอียดทุกอย่างของเวกเตอร์ต้นฉบับ เนื่องจากคุณแปลงจากแหล่งเวกเตอร์ ไม่มีการสูญเสียคุณภาพในทุกขนาด PNG ถูกแสดงผลอย่างสมบูรณ์แบบจากคำอธิบายทางคณิตศาสตร์

วิธีแปลงด้วย fileGOD

เครื่องมือแปลง SVG เป็น PNG บน fileGOD ทำให้กระบวนการนี้ง่ายขึ้น:

  • ขั้นตอนที่ 1: เปิดเครื่องมือแปลง SVG เป็น PNG
  • ขั้นตอนที่ 2: วางไฟล์ SVG ของคุณลงในพื้นที่อัปโหลด
  • ขั้นตอนที่ 3: เลือกขนาดที่ต้องการ (1x, 2x หรือ 4x)
  • ขั้นตอนที่ 4: ดาวน์โหลด PNG คุณภาพสูง

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

ต้องการปรับขนาดผลลัพธ์เพิ่มเติม? ส่ง PNG ผ่าน เครื่องมือปรับขนาดภาพ เพื่อปรับเป็นขนาดพิกเซลที่แน่นอนสำหรับกรณีการใช้งานเฉพาะของคุณ

คู่มือที่เกี่ยวข้อง