วิธีใช้งาน
- เลือกไฟล์ .svg (สูงสุด 5 MB) หรือวางโค้ด SVG ลงในช่อง
- เลือกอัตราขยาย เช่น 2× สำหรับหน้าจอความหนาแน่นสูง หรือป้อนความกว้างที่แน่นอนเป็นพิกเซล
- คงพื้นหลังแบบโปร่งใสหรือเลือกสี
- ตรวจสอบตัวอย่างและดาวน์โหลด PNG หรือ WebP หากเบราว์เซอร์ของคุณรองรับ
วิธีการทำงาน
SVG เป็นรูปแบบเวกเตอร์: รูปร่างถูกอธิบายด้วยคณิตศาสตร์ จึงสามารถวาดให้คมชัดในขนาดใดก็ได้ PNG เป็นตารางพิกเซล ซึ่งเป็นสิ่งที่แอปพลิเคชัน เอกสาร โปรแกรมอีเมล และโซเชียลเน็ตเวิร์กจำนวนมากต้องการ เครื่องมือนี้จะวาด SVG ด้วยตัวเรนเดอร์ของเบราว์เซอร์ของคุณตามขนาดที่คุณเลือก และบันทึกพิกเซลเป็น PNG
ขนาดเริ่มต้นมาจากแอตทริบิวต์ width และ height ของ SVG หน่วยสัมบูรณ์จะถูกแปลงเป็นพิกเซล (1 นิ้ว = 96 px, 1 pt = 1.33 px) หากระบุเพียงมิติเดียวหรือไม่ระบุเลย viewBox จะให้สัดส่วนและขนาด หากไม่มีทั้งขนาดและ viewBox เบราว์เซอร์จะใช้ 300 × 150 ค่าสัมพัทธ์เช่น 100% ไม่สามารถหาขนาดสำหรับไฟล์เดี่ยวได้ จึงใช้ viewBox แทน
SVG ถูกโหลดเป็นรูปภาพ ซึ่งเป็นวิธีที่ปลอดภัยในการแสดงผลไฟล์ที่ไม่น่าเชื่อถือ: สคริปต์จะไม่ถูกทำงาน และทรัพยากรภายนอก เช่น รูปภาพที่ลิงก์ ฟอนต์เว็บ และไฟล์ CSS จะไม่ถูกดึงมา ข้อความที่ต้องใช้ฟอนต์ที่คุณไม่ได้ติดตั้งจะถูกวาดด้วยฟอนต์สำรอง XML จะถูกตรวจสอบก่อน การพิมพ์ผิดจึงแสดงข้อผิดพลาดชัดเจนแทนภาพว่าง
ตัวอย่าง
ไอคอนแอปจากโลโก้ SVG
โลโก้ที่มี viewBox="0 0 64 64" เมื่อส่งออกที่ความกว้าง 1024 จะได้ PNG ขนาด 1024 × 1024 ที่มีขอบคมชัด พร้อมใช้สำหรับแอปสโตร์หรือเครื่องมือสร้าง favicon
ภาพ Retina สำหรับเว็บไซต์
ภาพประกอบขนาด 400 × 300 ที่ 1× ส่งออกด้วยสเกล 2 จะได้ PNG ขนาด 800 × 600 ที่คมชัดบนจอความหนาแน่นสูง
สไลด์หรือเอกสาร
การส่งออกแผนภูมิ SVG ที่สเกล 3 พร้อมพื้นหลังสีขาวจะได้ PNG ที่สามารถวางลงในโปรแกรมนำเสนอที่ไม่รองรับ SVG
คำถามที่พบบ่อย
ทำไมข้อความของฉันถึงแสดงด้วยฟอนต์ผิด?
ฟอนต์ที่ลิงก์จากเว็บจะไม่ถูกโหลดเมื่อวาด SVG เป็นรูปภาพ ฟอนต์ที่ติดตั้งในอุปกรณ์ของคุณจะถูกใช้หากตรงกัน เพื่อความแน่นอน ให้แปลงข้อความเป็นโครงร่างในโปรแกรมออกแบบ หรือฝังฟอนต์ลงใน SVG เป็น data URL
ทำไมรูปภาพที่ลิงก์ไว้จึงหายไป
รูปภาพที่อ้างอิงด้วย URL ภายใน SVG จะถูกบล็อกด้วยเหตุผลด้านความปลอดภัยเมื่อแสดงผล SVG เป็นรูปภาพ รูปภาพที่ฝังไว้ (data: URLs) ใช้งานได้
ขนาดเอาต์พุตสูงสุดคือเท่าใด
สูงสุดด้านละ 16,384 px และรวมทั้งหมด 50 ล้านพิกเซล การส่งออก SVG ที่ซับซ้อนขนาดใหญ่มากอาจใช้เวลาสองสามวินาที และอาจล้มเหลวบนโทรศัพท์ที่มีหน่วยความจำน้อย
การแปลง SVG จากแหล่งที่ไม่รู้จักปลอดภัยหรือไม่
การแสดงผลที่นี่ปลอดภัย: SVG ที่วาดเป็นรูปภาพไม่สามารถรันสคริปต์หรือโหลดทรัพยากรภายนอกได้ PNG ที่แปลงแล้วมีเพียงพิกเซลเท่านั้น
ความเป็นส่วนตัว
SVG ของคุณถูกแยกวิเคราะห์และวาดโดยเบราว์เซอร์ของคุณเอง ไม่มีการอัปโหลด จัดเก็บ หรือรวมอยู่ในข้อมูลวิเคราะห์