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

อัปเดตเมื่อ

SVG สามารถปรับขนาดได้แบบไม่จำกัด ดังนั้นคำว่า “ไม่เสียคุณภาพ” จริง ๆ แล้วหมายถึงการส่งออก PNG ของคุณที่ความละเอียดสูงเพียงพอ เช่น สองหรือสามเท่าของขนาดที่คุณจะแสดงผล เปิด SVG ในตัวแปลงของ EditItAll ตั้งค่าความกว้างของผลลัพธ์ แล้วส่งออก PNG ที่คมชัด ทั้งหมดนี้ทำงานอยู่ในเบราว์เซอร์ของคุณ

ทำเลยตอนนี้ ฟรี ในเบราว์เซอร์ของคุณ

Open the SVG → PNG converter

เวกเตอร์กับแรสเตอร์ อะไรที่เปลี่ยนไปจริง ๆ

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

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

ความหมายที่แท้จริงของ “ไม่เสียคุณภาพ”

เนื่องจาก PNG มีขนาดพิกเซลคงที่ จึงไม่มีวิธีแปลง SVG เป็น PNG แบบ “ไม่สูญเสียข้อมูล” เพียงวิธีเดียว คุณกำลังเลือกความละเอียด และคุณภาพก็ขึ้นอยู่กับการเลือกนั้น เคล็ดลับคือการเรนเดอร์ที่ความละเอียดสูงเพียงพอสำหรับการใช้งานจริงของภาพ

กฎง่าย ๆ ที่ดีคือส่งออกที่สองหรือสามเท่าของขนาดที่จะแสดงผลกราฟิก ถ้าโลโก้แสดงผลที่ความกว้าง 200 พิกเซลบนหน้าเว็บ ให้ส่งออกที่ 400 หรือ 600 พิกเซล เพื่อให้ยังคมชัดบนหน้าจอความละเอียดสูง ต้องการใช้พิมพ์หรือไม่ ให้เลือกขนาดที่ใหญ่กว่านั้นอีก ความผิดพลาดที่แท้จริงเพียงอย่างเดียวคือการส่งออกขนาดเล็กเกินไปแล้วค่อยขยายทีหลัง นั่นคือสิ่งเดียวที่ทำให้คุณภาพลดลงอย่างเห็นได้ชัด

แปลง SVG เป็น PNG ในเบราว์เซอร์ ทีละขั้นตอน

การแปลงทำงานอยู่บนอุปกรณ์ของคุณ ไฟล์จึงไม่ถูกอัปโหลดเลย

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

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

ความโปร่งใสและการเลือกขนาดที่เหมาะสม

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

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

พร้อมลองหรือยัง

ฟรี ไม่ต้องสมัคร และไฟล์ที่คุณเปิดจะไม่ออกจากอุปกรณ์ของคุณ

คำถามที่พบบ่อย

การแปลง SVG เป็น PNG จะยังคงคุณภาพเต็มรูปแบบได้จริงหรือไม่+

ได้ ตราบใดที่คุณส่งออกที่ความละเอียดสูงเพียงพอ เนื่องจาก PNG มีขนาดพิกเซลคงที่ ให้เลือกความกว้างที่สองหรือสามเท่าของขนาดที่แสดงผล ผลลัพธ์ก็จะยังคมชัด

พื้นหลังโปร่งใสจะยังคงอยู่หรือไม่+

คงอยู่ PNG รองรับความโปร่งใส ดังนั้นส่วนที่โปร่งใสใน SVG ของคุณจะยังคงโปร่งใสใน PNG ที่ส่งออกมา ไม่มีกล่องสีขาวปรากฏขึ้นด้านหลังกราฟิก

ควรส่งออกที่ขนาดเท่าไหร่+

ค่าเริ่มต้นที่ดีคือ 2× หรือ 3× ของขนาดที่จะแสดงผลภาพ สำหรับงานพิมพ์ ให้เลือกขนาดที่ใหญ่กว่านั้น ความผิดพลาดที่แท้จริงเพียงอย่างเดียวคือการส่งออกขนาดเล็กแล้วค่อยขยาย ซึ่งจะดูแตกเป็นบล็อก

SVG ของฉันถูกอัปโหลดเพื่อแปลงหรือไม่+

ไม่ถูกอัปโหลด ตัวแปลงทำงานอยู่ในเบราว์เซอร์ของคุณทั้งหมด ไฟล์จึงไม่มีวันออกจากอุปกรณ์ของคุณ คุณสามารถออฟไลน์ได้หลังจากโหลดหน้าเว็บเสร็จ แล้วมันก็ยังทำงานได้ปกติ

ทำไมไม่เก็บไฟล์ SVG ไว้เฉย ๆ+

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

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

คู่มือเพิ่มเติมเกี่ยวกับ การแปลงไฟล์รูปภาพ →