แปลงฟรี
SVG เป็น PNG ตัวแปลง
แปลงไฟล์ Vector SVG เป็นภาพ Raster PNG คุณภาพสูง ปรับแต่งขนาดเอาต์พุตและสีพื้นหลังได้อย่างง่ายดายในเบราว์เซอร์ของคุณ
ลากและวาง SVG ที่นี่
รองรับได้ถึง 50MB
หรือ
แปลงไฟล์ Vector SVG เป็นภาพ Raster PNG คุณภาพสูง ปรับแต่งขนาดเอาต์พุตและสีพื้นหลังได้อย่างง่ายดายในเบราว์เซอร์ของคุณ
รองรับได้ถึง 50MB
SVG (กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้) อธิบายรูปภาพว่าเป็นชุดของรูปทรงเรขาคณิตดั้งเดิม เช่น เส้นทาง รูปร่าง ข้อความ การไล่ระดับสี ซึ่งจะปรับขนาดเป็นขนาดใดก็ได้โดยไม่สูญเสียคุณภาพ PNG เก็บตารางพิกเซลสี่เหลี่ยมเดี่ยวที่ความละเอียดคงที่ การแปลง SVG เป็น PNG เป็นขั้นตอนการแรสเตอร์: คำแนะนำในการวาดภาพของ SVG จะได้รับการประเมินที่ขนาดพิกเซลที่เลือก และบิตแมปผลลัพธ์ที่ได้จะถูกเข้ารหัสเป็น PNG ผลลัพธ์ดูคมชัดตามขนาดที่คุณระบุ แต่จะพิกเซลหากขยายขนาด
ตัวแปลงนี้เรนเดอร์ SVG โดยใช้เอนจิ้น SVG ในตัวของเบราว์เซอร์ SVG ถูกโหลดลงในองค์ประกอบรูปภาพ วาดลงบนผืนผ้าใบ HTML5 ในขนาดเอาต์พุตที่เลือก และส่งออกเป็น PNG ผ่าน canvas.toBlob เนื่องจากเบราว์เซอร์ทำการแรสเตอร์ คุณสมบัติ SVG ที่ซับซ้อน — การไล่ระดับสี ฟิลเตอร์ มาสก์ ภาพเคลื่อนไหวเป็นเฟรมคงที่ — เรนเดอร์ในลักษณะเดียวกับที่ทำบนหน้าเว็บจริง
การตัดสินใจที่สำคัญที่สุดในการแปลง SVG เป็น PNG คือขนาดเป้าหมาย SVG ไม่ขึ้นอยู่กับความละเอียด ดังนั้นการเลือกขนาด PNG ที่ตรงกับการใช้งานจริง จะช่วยหลีกเลี่ยงการจัดสรรมากเกินไป (ไฟล์ขนาดใหญ่สำหรับไอคอนขนาดย่อ) และการจัดเตรียมน้อยเกินไป (เอาต์พุตจะเบลอเมื่อขยายขนาดในภายหลัง) เป้าหมายทั่วไป: 32×32 หรือ 64×64 สำหรับไอคอน, 256×256 หรือ 512×512 สำหรับโลโก้, 1024×1024 สำหรับกราฟิกฮีโร่, 2048×2048 สำหรับเนื้อหาคุณภาพเรตินา
SVG นั้นยอดเยี่ยมมากสำหรับเว็บและเครื่องมือการออกแบบสมัยใหม่ แต่แย่มากสำหรับบริบทอื่น ๆ โปรแกรมรับส่งเมลแสดง SVG ไม่สอดคล้องกัน บางส่วนปิดกั้นว่าเป็นความเสี่ยงด้านความปลอดภัย ซอฟต์แวร์สำนักงานรุ่นเก่า, CMS บางตัว, บริการของบุคคลที่สาม และไปป์ไลน์การพิมพ์ภาพถ่ายเกือบทั้งหมดไม่ยอมรับ SVG เลย การแปลงเป็น PNG จะสร้างแรสเตอร์ที่เป็นที่ยอมรับในระดับสากลซึ่งมีลักษณะเหมือนกันในขนาดที่เลือก
PNG ยังฝังลงในเอกสารสำนักงาน ชุดสไลด์ และ PDF ได้อย่างน่าเชื่อถือ โดยไม่ต้องขึ้นอยู่กับตัวเรนเดอร์ SVG ของผู้รับ สำหรับโลโก้และกราฟิกที่ต้องปรากฏอย่างสม่ำเสมอในหลายแพลตฟอร์ม PNG เป็นตัวเลือกที่ปลอดภัยกว่า แม้ว่าจะสูญเสียความเป็นอิสระในความละเอียดที่ทำให้ SVG น่าดึงดูดตั้งแต่แรกก็ตาม
เลือกขนาดเป้าหมายของคุณ แสดงผล เบราว์เซอร์ทำการแรสเตอร์
SVG (คำแนะนำ W3C) เป็นรูปแบบเวกเตอร์ที่ใช้ XML พร้อมด้วยองค์ประกอบสำหรับเส้นทาง รูปร่างพื้นฐาน (สี่เหลี่ยม วงกลม วงรี เส้น รูปหลายเหลี่ยม เส้นหลายเส้น) ข้อความ การไล่ระดับสี (linearGradient, RadialGradient) ตัวกรอง มาสก์ และเส้นทางคลิป เบราว์เซอร์แยกวิเคราะห์ XML สร้าง DOM ใช้ CSS และแปลงผลลัพธ์เป็นแรสเตอร์ระหว่างการแสดงผลเพจ
ตัวแปลงนี้จะโหลด SVG ลงใน HTMLImageElement (ซึ่งจะทริกเกอร์เส้นทางการเรนเดอร์ SVG-as-image ปกติของเบราว์เซอร์) จากนั้นจึงวาดลงบนผืนผ้าใบผ่าน DrawImage แคนวาสถูกส่งออกเป็น PNG โดยใช้ canvas.toBlob('image/png') พิกเซลที่แน่นอนในเอาต์พุตตรงกับสิ่งที่ SVG จะแสดงผลในขนาดเดียวกันในแท็บเบราว์เซอร์
กรณี Edge: ไม่รองรับ SVG ที่ใช้ ForeignObject เสมอไปเมื่อใช้ผ่านองค์ประกอบรูปภาพ SVG ที่อ้างอิงทรัพยากรภายนอก (xlink:href ไปยังโดเมนอื่น) อาจไม่สามารถโหลดได้เนื่องจาก CORS ภาพเคลื่อนไหว SMIL และภาพเคลื่อนไหวที่ขับเคลื่อนด้วย JavaScript จะแสดงผลเป็นเฟรมเริ่มต้นเท่านั้น