Go Toolstack

แปลง SVG เป็น PNG

เรนเดอร์กราฟิกเวกเตอร์ SVG เป็นภาพบิตแมป PNG ความละเอียดสูงตามขนาดที่กำหนด

แปลง SVG เป็น PNG

เรนเดอร์กราฟิกเวกเตอร์ SVG เป็นภาพบิตแมป PNG ความละเอียดสูงตามขนาดที่กำหนด

วิธีการทำงาน

1
Select Your File
Choose the file you want to process; your data is processed locally without uploads.
2
Configure Options
Adjust conversion, compression, or processing settings to suit your needs.
3
Process & Download
Run the task client-side in your browser and download the processed result.

Discover more client side utilities in this category

ศูนย์เครื่องมือนักพัฒนา • เวิร์กโฟลว์และคู่มือเปรียบเทียบ

สำรวจเครื่องมือเครื่องมือนักพัฒนาทั้งหมด ขีดจำกัดของเบราว์เซอร์ และคู่มือการเลือกเครื่องมือ

สำรวจศูนย์ →
จัดรูปแบบ ตรวจสอบ และทำความสะอาด JSON

จัดรูปแบบ บีบอัด และตรวจสอบข้อมูล JSON ด้วยความแม่นยำ 64-bit และกฎ JSON Schema (Draft-07 / 2020-12)
เข้ารหัสและถอดรหัส Base64

แปลงข้อความและข้อมูลระหว่างข้อความธรรมดากับ Base64 รองรับ UTF-8 ภาษาไทย และรูปแบบ URL-Safe
จัดรูปแบบ SQL

จัดรูปแบบแบบสอบถาม SQL ปรับเยื้องและจัดระเบียบคำสั่ง รองรับหลายไดอะเลกต์

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

คู่มือทางเทคนิค การแก้ไขปัญหา และขั้นตอนการปฏิบัติที่ดีที่สุด

เครื่องมือนักพัฒนา • ~4 นาทีในการอ่าน

ข้อผิดพลาดไวยากรณ์ JSON ที่พบบ่อย: การตรวจสอบโครงสร้าง คอมมาเกิน และตัวเลข 64-bit | GoToolstack

ทำความเข้าใจข้อผิดพลาดไวยากรณ์ JSON ตามมาตรฐาน RFC 8259 วิธีแก้ไขคอมมาตัวสุดท้าย (Trailing Comma) การใช้เครื่องหมายคำพูดเดี่ยว และการจัดการตัวเลขความแม่นยำสูง 64-bit BigInt

อ่านคู่มือ →
เครื่องมือนักพัฒนา • ~4 นาทีในการอ่าน

ทำไมไฟล์ CSV เปิดใน Excel แล้วสระภาษาไทยเพี้ยนและเลข 0 หาย? วิธีแก้ปัญหา BOM และตัวคั่น | GoToolstack

เจาะลึกสาเหตุที่ไฟล์ CSV แสดงภาษาไทยเพี้ยนใน Microsoft Excel ปัญหาการขาด UTF-8 BOM ตัวคั่นจุลภาคเทียบกับเซมิโคลอน และวิธีป้องกันไม่ให้เลข 0 นำหน้าในรหัสสินค้าหรือเบอร์โทรศัพท์สูญหาย

อ่านคู่มือ →
ศูนย์ความรู้และแนวคิด

เครื่องมือแปลง SVG เป็น PNG แปลงภาพเวกเตอร์เป็นราสเตอร์ความละเอียดสูงบนเบราว์เซอร์

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

เครื่องมือนี้ช่วยแปลงไฟล์ SVG เป็นภาพ PNG คุณภาพสูงในเบราว์เซอร์ของคุณ โดยสามารถกำหนดความกว้าง ความสูง และอัตราการขยายขนาด (Scale) เพื่อให้ได้ภาพ PNG ที่คมชัดระดับความละเอียดสูง (Hi-DPI / Retina) พร้อมคงความโปร่งใสของพื้นหลังไว้สมบูรณ์แบบ ทำงานผ่าน HTML5 Canvas ปลอดภัย 100%

สูตรและหลักการทางเทคนิค

การแปลงภาพเวกเตอร์: SVG Blob ➔ Image.src(ObjectURL) ➔ Canvas.drawImage(0, 0, เป้าหมายW, เป้าหมายH) ➔ Canvas.toDataURL('image/png')

แปลงข้อความ XML ของ SVG เป็น Blob ในหน่วยความจำ โหลดเข้าสู่อ็อบเจกต์ Image และวาดจุดพิกเซลลงบน HTML5 Canvas ตามขนาดที่กำหนดเพื่อส่งออกเป็น PNG

ข้อแนะนำและวิธีปฏิบัติที่ถูกต้อง

  • กำหนดขนาดความละเอียดให้สัมพันธ์กับการแสดงผล Retina: หากต้องการใช้ภาพสำหรับหน้าจอความละเอียดสูง ให้เลือกขยายขนาดภาพ (2x หรือ 3x) เพื่อป้องกันภาพแตกเมื่อแสดงผล
  • ตรวจสอบแอตทริบิวต์ viewBox ในไฟล์ SVG ต้นฉบับ: ไฟล์ SVG ที่มี viewBox ชัดเจนจะสามารถปรับขนาดกว้างยาวได้อย่างอิสระโดยไม่สูญเสียสัดส่วนเดิม
  • ระวังฟอนต์ภายนอกที่ไม่ได้ฝังไว้ใน SVG: หาก SVG ใช้ฟอนต์จากภายนอกที่ไม่ได้แปลงเป็น Path หรือไม่ได้ฝัง WebFont ฟอนต์อาจถูกเรนเดอร์เป็นฟอนต์สำรองของระบบในภาพ PNG
  • ใช้ประโยชน์จากความโปร่งใสของพื้นหลัง (Alpha Channel): ไฟล์ PNG รองรับพื้นหลังโปร่งใส ช่วยให้สามารถนำภาพไอคอนหรือโลโก้ไปวางซ้อนบนพื้นหลังสีต่างๆ ได้อย่างไร้รอยต่อ

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

เหตุใดภาพ PNG ที่แปลงออกมาจึงไม่คมชัดเมื่อขยายขนาด?
PNG เป็นภาพแบบราสเตอร์ (พิกเซล) หากเรนเดอร์ที่ขนาดเล็กแล้วนำไปขยายภาพจะแตก จึงควรตั้งค่าความกว้างและความสูงเป้าหมายในเครื่องมือให้มีขนาดใหญ่ตามที่ต้องการใช้งานตั้งแต่ขั้นตอนแปลง
ไฟล์ SVG ถูกส่งไปแปลงบนเซิร์ฟเวอร์หรือไม่?
ไม่ถูกส่ง กระบวนการเรนเดอร์ภาพเวกเตอร์ทั้งหมดใช้เอนจินของเบราว์เซอร์และ HTML5 Canvas ภายในอุปกรณ์ของคุณ ข้อมูลกราฟิกจึงเป็นความลับ 100%
รองรับการแปลง SVG ที่มีภาพบิตแมปฝังอยู่ภายในหรือไม่?
รองรับ หากภาพบิตแมปนั้นถูกฝังในรูปแบบ Base64 Data URI ภายในโค้ด SVG
ขนาดไฟล์ที่แนะนำสำหรับการแปลงในเบราว์เซอร์คือเท่าใด?
สามารถจัดการไฟล์ SVG ทั่วไปขนาดไม่กี่กิโลไบต์ไปจนถึงหลายเมกะไบต์ได้อย่างราบรื่น ขึ้นอยู่กับหน่วยความจำของเครื่องผู้ใช้