วิธีแปลง 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 หรือเมื่อคุณต้องการภาพแรสเตอร์ที่มีขนาดคงที่