SVG เป็น PNG

คลิกหรือลากไฟล์ SVG มาที่นี่
คลิกเพื่ออัปโหลดไฟล์ SVG
รองรับ PNG, JPG, WebP, GIF, ICO, BMP, SVG, HEIC, AVIF, TIFF, PDF, PSD, JXL, RAW

แปลงรูปแบบเวกเตอร์ SVG เป็นรูปภาพ PNG แบบคงที่ไม่สูญเสียคุณภาพได้ทั้งหมดในเบราว์เซอร์ของคุณ — ไฟล์ของคุณจะไม่ออกจากอุปกรณ์เลย เครื่องมือนี้เรนเดอร์ SVG ด้วยอัตราส่วน 2x เพื่อให้ PNG ที่มีความละเอียด Retina และคมชัดมาก พร้อมรักษาความโปร่งใสอย่างสมบูรณ์ PNG ที่ได้สามารถนำไปใช้กับทุกโปรแกรมแก้ไขรูปภาพ งานออกแบบ และซอฟต์แวร์ได้อย่างราบรื่น เหมาะอย่างยิ่งเมื่อคุณต้องการโลโก้ไอคอนโปร่งใส สำหรับ Photoshop/Figma หรือความเข้ากันได้สากลสำหรับวาดรูปเวกเตอร์

คำแนะนำที่เกี่ยวข้อง

แปลงรูปภาพ

SVG เป็น JPG

SVG เป็น WebP

JPG เป็น PNG

บีบอัดรูปภาพ

ครอปตัดรูปภาพ

กรณีการใช้งาน

  • โลโก้ SVG และไอคอนเวกเตอร์ต้องการใช้ใน Photoshop, Affinity Photo หรือโปรแกรมแก้ไขบิตแมป — แปลงเป็น PNG ไม่สูญเสียคุณภาพพร้อมความโปร่งใส
  • วาดรูป SVG จากเครื่องมือออกแบบ (Figma, Sketch) ต้องใช้เป็นส่วนประกอบใน PowerPoint/Word — PNG โปร่งใสแทรกโดยไม่มีพื้นหลังสีขาว
  • ไอคอนและองค์ประกอบ SVG ต้องการใช้ในเว็บไซต์แบบเก่าแอนด์รอยด์/ไอโอเอสเวอร์ชันเก่า — PNG รองรับและแสดงผลได้ทั่วไป
  • ฟอนต์ไอคอน SVG ต้องส่งออกเป็นรูปภาพไอคอนหลายขนาดสำหรับแอปพลิเคชัน — PNG คงที่ไม่สูญเสียคุณภาพเหมาะสม
  • ผลงานศิลปะดิจิทัลและลายเส้น SVG หลายเลเยอร์ต้องแชร์เป็นรูปภาพ — PNG จัดการรายละเอียดและความโปร่งใสอย่างดีเยี่ยม
  • การพัฒนาแอปพลิเคชันต้องใช้ PNG เป็นรูปภาพ asset สำหรับ splash screen และรูปโปรไฟล์ — แปลงจาก SVG ต้นฉบับ
  • ภาพประกอบ SVG ต้องการใช้ในเอกสาร PDF และประวัติย่อ — PNG แทรกลงเอกสาร PDF ได้ทันที
  • ไอคอน SVG ต้องใช้เป็น favicon และ PWA icon — PNG สามารถใช้สร้าง favicon.ico ได้
  • ระบบอีคอมเมิร์ซและ CMS ต้องอัปโหลด PNG ที่มีพื้นหลังโปร่งใสสำหรับรูปสินค้า — แปลง SVG เป็น PNG เพื่อส่ง
  • แผนผังเว็บไซต์และข้อมูลเชิงสถิติ SVG ต้องการใช้งานกับโปรแกรมนำเสนอ — PNG ไม่สูญเสียคุณภาพให้แผนผังคมชัด
  • องค์ประกอบการออกแบบ SVG ต้องแชร์กับคนที่ไม่มีเครื่องมือเปิด SVG — PNG เปิดได้ในทุกอุปกรณ์
  • ภาพเคลื่อนไหว SVG ต้องการรักษาเฟรมแรกเป็นรูปภาพแบบคงที่ — PNG ไม่สูญเสียคุณภาพดีกว่า JPG สำหรับงานออกแบบ

วิธีการใช้งาน

  1. คลิกพื้นที่อัปโหลดหรือลากไฟล์ .svg มาวางบนหน้า ยอมรับเฉพาะไฟล์รูปแบบ .svg
  2. การเรนเดอร์เริ่มอัตโนมัติในเบราว์เซอร์หลังอัปโหลด SVG — SVG จะถูกวาดลงบน Canvas ด้วยความละเอียด 2x พร้อมรักษาความโปร่งใส
  3. รอให้การเรนเดอร์และการเข้ารหัส PNG เสร็จสิ้น SVG ที่ซับซ้อนอาจใช้เวลาไม่กี่วินาที
  4. ดูขนาดมิติและขนาดไฟล์ PNG ที่เรนเดอร์แล้ว จากนั้นคลิกดาวน์โหลดเพื่อบันทึก

คุณสมบัติ

  • ประมวลผลในเบราว์เซอร์ 100%: การเรนเดอร์ SVG และการเข้ารหัส PNG เกิดขึ้นในเบราว์เซอร์ของคุณทั้งหมดผ่าน Web Worker และ Canvas SVG ไม่เคยถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ
  • รักษาความโปร่งใสอย่างสมบูรณ์: PNG รองรับช่องอัลฟา 8 บิต — พื้นที่โปร่งใสของ SVG ทุกส่วนถูกรักษาไว้อย่างถูกต้องโดยไม่มีขอบดำหรือพื้นหลังสีขาว
  • เรนเดอร์ความละเอียด Retina 2x: SVG ถูกเรนเดอร์ด้วยอัตราส่วน 2 เท่าของขนาดบิวท์อินทรินซิกเพื่อ PNG ที่คมชัดและมีความละเอียดสูง เหมาะสำหรับหน้าจอ HiDPI
  • รูปแบบเอาต์พุตไม่สูญเสียคุณภาพ: PNG ใช้การบีบอัดแบบไม่สูญเสียคุณภาพดังนั้นไม่เกิดการสูญเสียคุณภาพระหว่างการแปลง — รายละเอียดข้อความและเส้นคงอยู่คมชัด
  • รองรับ SVG เกือบทั้งหมด: รองรับ fill, stroke, gradient, clip-path, mask, transform และ SVG ทั่วไปที่ส่งออกมาจาก Figma, Illustrator, Sketch, Inkscape
  • แปลงอัตโนมัติเมื่ออัปโหลด: เลือกไฟล์ .svg และการเรนเดอร์ Canvas + เข้ารหัส PNG จะเริ่มทันที — ไม่ต้องคลิกเพิ่มเติม
  • รองรับขนาดความละเอียดสูง: เรนเดอร์ SVG ขนาดใหญ่และความละเอียดสูงโดยไม่มีข้อผิดพลาด รองรับขนาดภาพใหญ่สำหรับการพิมพ์

แปลง SVG เป็น PNG กับ JPG กับ WebP: เลือกรูปแบบเอาต์พุตแบบไหนสำหรับ SVG ของคุณ?

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

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

PNG ที่สร้างขึ้นจะมีขนาดกี่พิกเซล?

SVG ไม่มีขนาดพิกเซลที่แน่นอน (เป็นเวกเตอร์) เครื่องมือนี้จะตรวจหา `width`/`height` หรือ `viewBox` ใน SVG แล้วเรนเดอร์ด้วยอัตราส่วน 2x (ความละเอียด Retina) ตัวอย่างเช่น SVG 500×500 จะให้ PNG 1000×1000 คุณภาพ หาก SVG ไม่ได้ระบุขนาด ค่าเริ่มต้น 1024 พิกเซลจะถูกใช้

พื้นหลังโปร่งใสของ SVG จะถูกรักษาไว้ใน PNG ไหม?

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

ทำไมไฟล์ถึงใหญ่กว่า JPG หลังแปลง?

นี่เป็นเรื่องปกติ PNG ใช้การบีบอัดแบบไม่สูญเสียคุณภาพพร้อมช่องอัลฟา 8 บิต — ข้อเสียคือขนาดไฟล์ใหญ่กว่า JPG lossy สำหรับเนื้อหาในลักษณะเดียวกัน หากคุณไม่ต้องการความโปร่งใสและสามารถยอมรับการสูญเสียคุณภาพเล็กน้อยได้ ให้ใช้เครื่องมือ [แปลง SVG เป็น JPG](/image/svg-to-jpg/) หรือ [แปลง SVG เป็น WebP](/image/svg-to-webp/) สำหรับไฟล์ขนาดเล็กกว่า

คำสั่ง SVG (ตัวอักษร, filter, gradient) จะถูกรักษาไว้ไหม?

ใช่ SVG แสดงผลบน Canvas ในเบราว์เซอร์โดยตรง ดังนั้น fill, stroke, linear/radial gradient, transform, clip-path, filter CSS รองรับ SVG ตัวอักษรจะถูกเรนเดอร์ตามแบบอักษรที่มีอยู่ในระบบ หากต้องการให้แน่ใจว่าตัวอักษรแสดงผลถูกต้อง แนะนำให้แปลงตัวอักษรเป็นเส้นโค้งก่อนส่งออก SVG

SVG ถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม? ปลอดภัยเรื่องความเป็นส่วนตัวไหม?

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

SVG ทั้งหมดสามารถแปลงได้ไหม?

SVG ส่วนใหญ่ที่ส่งออกมาจากเครื่องมือออกแบบ (Figma, Illustrator, Sketch, Inkscape) จะทำงานได้ SVG บางอย่างที่อาศัย JavaScript ภายใน, `<foreignObject>` หรือ SVG filter บางอย่างอาจเรนเดอร์ไม่สมบูรณ์ หากผลลัพธ์ไม่ถูกต้อง แนะนำให้ส่งออก SVG ใหม่โดยไม่มี JavaScript หรือใช้เครื่องมือเช่น Inkscape เพื่อทำให้ SVG เป็นมาตรฐานก่อนแปลง

มีข้อจำกัดความละเอียดแผ่น Canvas สำหรับ SVG ไหม?

เบราว์เซอร์มีขีดจำกัดขนาด Canvas สูงสุด (โดยทั่วไป 16,384 – 32,767 พิกเซลในแต่ละมิติ) เครื่องมือนี้จะแชทเพื่อจำกัดค่าที่ปลอดภัยหาก SVG ให้ขนาดที่เกินขอบเขตนี้ การตั้งค่า viewBox ใน SVG แหล่งที่มาที่มีขนาดสมเหตุสมผลจะได้ผลลัพธ์ที่ดีที่สุด

รองรับการแปลงเป็นชุด SVG หลายไฟล์ไหม?

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