SVG ถึง PNG
สร้างสำเนา PNG ของโลโก้หรือกราฟิก SVG ที่รองรับสำหรับแอปที่ต้องการภาพแรสเตอร์ ตั้งค่าความกว้างและพื้นหลังของผลงาน จากนั้นตรวจสอบรูปร่างและข้อความก่อนบันทึก
ก่อนที่คุณจะเริ่ม
- อินพุต
- SVG แบบครบวงจรที่รองรับสูงสุด 2 MB
- เอาท์พุต
- PNG ที่ความกว้างและพื้นหลังที่เลือก
กำลังโหลดเครื่องมือ...
วิธีใช้เครื่องมือนี้
- เลือกไฟล์ SVG ในเครื่อง
- ตั้งค่าความกว้างของเอาต์พุตและเลือกพื้นหลังโปร่งใสหรือทึบ
- ตรวจสอบตัวอย่างและดาวน์โหลด PNG
ทำความเข้าใจผลลัพธ์
SVG อธิบายรูปร่าง ในขณะที่ PNG เก็บตารางพิกเซลคงที่ เลือกขนาดพิกเซลที่เหมาะสมกับตำแหน่งที่จะใช้รูปภาพ การเพิ่มขนาดเอาต์พุตไม่สามารถกู้คืนรายละเอียดจากภาพความละเอียดต่ำใดๆ ที่ฝังอยู่ใน SVG
เลือกขนาดพิกเซลที่มีประโยชน์
ใช้ขนาดที่ปลายทางกำหนด PNG ขนาดใหญ่จะเพิ่มขนาดไฟล์ PNG ขนาดเล็กที่ขยายใหญ่ในภายหลังอาจดูเบลอได้
ลองตัวอย่าง
ลองใช้ตัวอย่างต้นฉบับเพื่อตรวจสอบขั้นตอนการทำงานที่รองรับ ตัวอย่างที่ประสบความสำเร็จไม่ได้รับประกันสำหรับทุกอินพุต
ตัวอย่าง SVG ดั้งเดิม ↓
หากผลลัพธ์ไม่เป็นไปตามที่คุณคาดหวัง
SVG ถูกปฏิเสธหรือดูแตกต่างออกไป
ไม่รวมแบบอักษรภายนอก รูปภาพที่เชื่อมโยง สคริปต์ และฟีเจอร์ SVG ที่ไม่รองรับ ส่งออกสำเนาในตัวเองหรือ PNG จากแอปการออกแบบดั้งเดิมเมื่อไฟล์ขึ้นอยู่กับคุณสมบัติเหล่านั้น
เครื่องมือที่มีประโยชน์ชิ้นต่อไป: ตัวสร้าง Favicon →ข้อจำกัดที่สำคัญ
- รองรับเฉพาะ SVG เท่านั้น ไม่มีสคริปต์หรือทรัพยากรที่โหลดจากภายนอก
- ไม่รองรับคุณสมบัติบางอย่างของ SVG
- เอาต์พุตแรสเตอร์มีขนาดคงที่และขีดจำกัดพิกเซลด้านบน
- สูงสุด 2 อินพุต MB; ส่งออกได้สูงสุด 4096 พิกเซลต่อด้านและ 12 ล้านพิกเซล ไม่ยอมรับสไตล์ CSS และทรัพยากรภายนอก
คำถามที่พบบ่อย
PNG สามารถเก็บพื้นหลังโปร่งใสได้หรือไม่?
ใช่ เมื่อเลือกความโปร่งใสและเนื้อหา SVG ที่รองรับจะทำให้พื้นที่เหล่านั้นโปร่งใส
เหตุใด SVG ของฉันจึงถูกปฏิเสธ
เครื่องมือนี้ยอมรับชุดย่อย SVG ที่มีในตัวเองอย่างจำกัด สคริปต์ ทรัพยากรภายนอก ภาพเคลื่อนไหว และโครงสร้างที่ไม่รองรับจะถูกปฏิเสธแทนที่จะโหลด
เหตุใดข้อความจึงดูแตกต่างออกไป
ข้อความ SVG อาจขึ้นอยู่กับแบบอักษรที่ไม่มีในเบราว์เซอร์ หากเป็นไปได้ ให้ส่งออกข้อความที่มีโครงร่างจากแอปการออกแบบของคุณ และตรวจสอบผลลัพธ์
คู่มือที่เกี่ยวข้อง
มีคำถามหรือแก้ไข? mrkcal@mrkcal.com