วิธีแปลง SVG เป็น PNG
- เลือกไฟล์ SVG หรือลากมาวางบนหน้านี้
- ใส่ความกว้างของภาพผลลัพธ์ในช่อง ความกว้างสำหรับไฟล์ SVG เช่น 1024 px – ความสูงจะปรับตามสัดส่วน เว้นว่างไว้เพื่อใช้ขนาดที่กำหนดใน SVG
- ดาวน์โหลด PNG ทีละไฟล์ หรือทั้งหมดพร้อมกันเป็นไฟล์ ZIP
ภาพคมชัด: กำหนดความกว้างแทนการขยาย
SVG จะถูกวาดโดยตรงที่ความกว้างที่คุณใส่ เส้นและข้อความจึงคมชัดแม้ที่ขนาดหลายพันพิกเซล หลีกเลี่ยงการขยายผลลัพธ์ด้วยตัวเลือกเปอร์เซ็นต์ – เพราะจะเป็นการขยายพิกเซลที่เรนเดอร์เสร็จแล้ว ทำให้ภาพเบลอ
| การใช้งาน | ความกว้าง |
|---|---|
| ไอคอนแอป รูปโปรไฟล์โซเชียลมีเดีย | 512–1024 px |
| โลโก้บนเว็บไซต์ | สองเท่าของความกว้างที่แสดงผล เช่น 400 px สำหรับโลโก้ 200 px |
| สไลด์นำเสนอ | 1920 px สำหรับกราฟิกเต็มความกว้าง |
| พิมพ์ที่ 300 DPI | ความกว้างเป็นนิ้ว × 300 เช่น 1181 px สำหรับ 10 ซม. |
ไฟล์ SVG ถูกเรนเดอร์อย่างไร
- ขนาด: ใช้ค่า
widthและheightของ SVG (แปลงหน่วย px, pt, mm, cm และ in ให้) หรือจากviewBoxไฟล์ที่ไม่มีค่าเหล่านี้จะถูกเรนเดอร์ที่ 300 × 150 px - ความโปร่งใส: ส่วนที่ไม่มีการเติมสีจะยังโปร่งใสใน PNG
- ความปลอดภัย: สคริปต์ในไฟล์ SVG จะไม่ถูกเรียกใช้ และจะไม่โหลดรูปภาพภายนอกหรือเว็บฟอนต์
- ข้อความ: ใช้ฟอนต์ที่ติดตั้งในอุปกรณ์ของคุณ เว้นแต่จะฝังฟอนต์ไว้ใน SVG – แปลงข้อความเป็นเส้น (paths) ในโปรแกรมออกแบบเพื่อผลลัพธ์ที่ตรงเป๊ะ
คำถามที่พบบ่อย
จะได้ PNG ความละเอียดสูงจาก SVG ได้อย่างไร?
ใส่ความกว้างที่ต้องการในช่อง ความกว้างสำหรับไฟล์ SVG ก่อนเพิ่มไฟล์ – เช่น 2048 px กราฟิกเวกเตอร์จะถูกเรนเดอร์ที่ความกว้างนั้นพอดีโดยไม่เบลอ
ทำไมข้อความใน PNG ดูต่างไปจากเดิม?
SVG ใช้ฟอนต์ที่ไม่ได้ติดตั้งในอุปกรณ์ของคุณและไม่ได้ฝังไว้ในไฟล์ ให้แปลงข้อความเป็นเส้นโครงร่าง (paths) ในโปรแกรมออกแบบ หรือฝังฟอนต์ไว้ในไฟล์
พื้นหลังโปร่งใสไหม?
ใช่ เว้นแต่ SVG จะวาดพื้นหลังไว้เอง หากต้องการ JPG ที่มีพื้นหลังสี ให้ใช้ตัวแปลงรูปภาพ
ไฟล์ของฉันถูกอัปโหลดหรือไม่?
ไม่ ไฟล์ SVG ถูกเรนเดอร์ในเบราว์เซอร์ของคุณและไม่ออกจากอุปกรณ์ของคุณเลย