SVG เป็น PNG
แปลงกราฟิก SVG เป็น PNG ขนาดใดก็ได้ — 1x, 2x หรือ 4x — พื้นหลังโปร่งใสหรือสีขาว ทำงานทั้งหมดในเบราว์เซอร์ของคุณ จึงไม่มีการอัปโหลดอะไร
ลากรูปมาวางที่นี่ หรือคลิกเพื่อเลือกไฟล์
ประมวลผลในเครื่อง — ไม่มีการอัปโหลด
วิธีแปลง SVG เป็น PNG
ลากไฟล์ SVG ลงในกล่อง กราฟิกเวกเตอร์จะโหลดทันทีและแสดงในขนาดเดิม ไฟล์ของคุณอยู่ในแท็บนี้เท่านั้นและไม่ถูกอัปโหลด
เลือกความกว้างและอัตราส่วนเอาต์พุต — ส่งออกที่ 1x, 2x หรือ 4x สำหรับจอ Retina เลือกพื้นหลังโปร่งใสหรือเติมสีขาว
คลิก “แปลง” แล้วดาวน์โหลด PNG เปิดได้ทุกที่ — แอปแชท โซเชียลมีเดีย และซอฟต์แวร์สำนักงานที่ไม่รับไฟล์ SVG
เคล็ดลับที่ควรรู้
PNG กับ SVG: เลือกรูปแบบให้เหมาะกับงาน
สองรูปแบบตอบคำถามต่างกัน SVG ตอบว่า «ทำอย่างไรให้คมชัดทุกขนาด?» — เหมาะระหว่างออกแบบ แก้ไข หรือทำเว็บไซต์ PNG ตอบว่า «ทำอย่างไรให้แน่ใจว่าเปิดได้ทุกที่?» — เหมาะกับการส่งมอบ เพราะทุกระบบปฏิบัติการ แอปแชท และเบราว์เซอร์แสดง PNG มานานหลายทศวรรษ เวิร์กโฟลว์ที่ใช้ได้จริงใช้ทั้งคู่: เก็บต้นฉบับเป็น SVG ในเครื่องมือออกแบบ และส่งออกสำเนา PNG ในขนาดที่แต่ละแพลตฟอร์มต้องการ เครื่องมือนี้จัดการขั้นตอนการส่งออก เปลี่ยนไฟล์เวกเตอร์ต้นฉบับของคุณให้เป็น PNG พร้อมใช้ในไม่กี่วินาที
Retina กับการส่งออกแบบตอบสนอง: ทำไม 2x จึงสำคัญ
หน้าจอโทรศัพท์และแล็ปท็อปยุคใหม่ยัดพิกเซลจริง 2-3 จุดในทุกพิกเซล CSS ไอคอนที่ส่งออกกว้าง 100 พิกเซล CSS ถูกยืดเป็น 200 พิกเซลจริงบนจอ Retina — และ PNG สร้างรายละเอียดที่ขาดไปเองไม่ได้ จึงดูนุ่มนวล วิธีแก้คือส่งออกที่ 2x (หรือ 4x สำหรับจอหนาแน่นสูงมาก) แล้วให้เบราว์เซอร์ย่อลง ตัวเลือก 2x และ 4x ที่นี่ทำอย่างนั้น และเพราะต้นทางเป็นเวกเตอร์ ทุกการส่งออกที่ขยายจึงคมชัดสมบูรณ์ หากลังเลระหว่างสองขนาด ให้เลือกขนาดใหญ่ — ย่อ PNG ที่คมชัดปลอดภัยเสมอ ขยาย PNG เล็กไม่เคยปลอดภัย
พื้นหลังโปร่งใสอย่างถูกวิธี
PNG เก็บค่าพิเศษหนึ่งค่าต่อพิกเซล — อัลฟา — ซึ่งบอกว่าพิกเซลนั้นโปร่งใสแค่ไหน เมื่อแปลง SVG ที่มีพื้นที่โปร่งใส ข้อมูลนี้จะถูกเก็บต่อ ทำให้ PNG เป็นรูปแบบธรรมชาติสำหรับไอคอน สติกเกอร์ และรูปสินค้าที่ตัดพื้นหลังเพื่อวางบนพื้นหลังใดก็ได้ สิ่งเดียวที่ต้องระวังคือสิ่งที่อยู่รอบความโปร่งใส: ในแอปโหมดมืด ไอคอนโปร่งใสล้วนอาจหายไปบนอินเทอร์เฟซสีดำ และโปรแกรมพรีวิวมักแสดงความโปร่งใสเป็นตารางหมากรุกที่ดูแปลกในภาพหน้าจอ ตัวเลือกพื้นหลังสีขาวมีไว้สำหรับช่วงเวลาแบบนั้น — มันทำให้ภาพแบนราบเพื่อให้กราฟิกดูเหมือนกันทุกที่ โดยแลกกับการเสียช่องอัลฟา
คำถามที่พบบ่อย
ทำไมฉันถึงต้องการ PNG แทน SVG?+
SVG เหมาะกับงานออกแบบ แต่หลายแพลตฟอร์มในชีวิตประจำวันไม่รับไฟล์นี้: โพสต์ Instagram สติกเกอร์ WhatsApp เอกสาร Word และลายเซ็นอีเมลล้วนต้องการรูปแบบราสเตอร์อย่าง PNG เมื่อคุณต้องการภาพที่ใช้ได้ทุกที่ ให้แปลงเป็น PNG
ควรส่งออกขนาดเท่าใด?+
ให้ตรงกับการใช้งานปลายทาง: 1x สำหรับไอคอนที่แสดงในขนาดเดิม, 2x สำหรับกราฟิกเว็บและแอปส่วนใหญ่บนจอ Retina, และ 4x สำหรับปก โปสเตอร์ และงานพิมพ์ใดๆ เพราะ SVG เป็นเวกเตอร์ การส่งออกขนาดใหญ่จึงไม่ทำให้เบลอ — ต้นทุนเดียวคือขนาดไฟล์
ความโปร่งใสยังอยู่หลังแปลงไหม?+
ใช่ — PNG คงช่องอัลฟาไว้ พื้นที่โปร่งใสจึงยังโปร่งใส เลือกตัวเลือกพื้นหลังสีขาวเฉพาะเมื่อต้องการภาพแบบแบนราบ เช่น เพื่อเลี่ยงไม่ให้ไอคอนโปร่งใสหายไปในโปรแกรมดูแบบโหมดมืด
ตัวแปลงนี้ฟรีจริงไหม?+
ใช่ การเรนเดอร์เกิดขึ้นบนอุปกรณ์ของคุณ — ไม่มีเซิร์ฟเวอร์ ไม่มีคิวอัปโหลด และไม่มีลายน้ำตลอดกาล แปลงกี่ไฟล์ก็ได้ตามใจ
ทำไม SVG ของฉันแปลงออกมาเป็นสีขาวเปล่า?+
เกือบทุกกรณีเป็น SVG ที่วาดทุกอย่างด้วยสคริปต์หรืออ้างอิงไฟล์ภายนอก ซึ่งตัวแปลงแบบเดี่ยวโหลดไม่ได้ ไฟล์ที่ส่งออกจาก Figma, Illustrator หรือ Inkscape แปลงได้ปกติ หากไฟล์ของคุณมาจากเฟรมเวิร์ก ให้ส่งออกเป็น SVG แบบคงที่ธรรมดาจากเครื่องมือออกแบบก่อน แล้วค่อยแปลง