ข้ามไปยังเนื้อหา

แปลง SVG เป็น PNG และ PNG เป็น SVG

แปลงไฟล์ SVG เป็น PNG ที่คมชัดในขนาดใดก็ได้ หรือแปลงรูป PNG หรือ JPG เป็นเวกเตอร์ SVG โดยประมวลผลในเบราว์เซอร์ของคุณ

วางไฟล์ SVG ที่นี่หรือคลิกเพื่อเลือกไฟล์ · วางโค้ด SVG ด้วย Ctrl+V
เลือก SVGประมวลผลบนอุปกรณ์ของคุณ ไม่ถูกอัปโหลด
ทำงานในเบราว์เซอร์ของคุณ · ไม่ต้องอัปโหลดวิธีการทำงาน

วิธีใช้งาน ตัวแปลง SVG ↔ PNG

  1. 1

    โหลดไฟล์ SVG

    ลากไฟล์ .svg หนึ่งไฟล์หรือหลายไฟล์มาวาง วางโค้ด SVG ที่ใดก็ได้บนหน้านี้ หรือพิมพ์ลงในช่องโค้ดแล้วกด เรนเดอร์ SVG

  2. 2

    เลือกขนาดเอาต์พุต

    เลือก 1×, 2×, 4× หรือ 8× ของขนาดเดิมของ SVG หรือพิมพ์ความกว้างที่ต้องการได้สูงสุด 16,384 พิกเซล ส่วนความสูงจะปรับตามอัตโนมัติ

  3. 3

    เลือกรูปแบบและพื้นหลัง

    PNG คงพื้นหลังโปร่งใสไว้ ส่วน JPG และ WebP มีแถบเลื่อนปรับคุณภาพ และทุกรูปแบบสามารถเติมสีพื้นหลังได้

  4. 4

    ดาวน์โหลด

    บันทึกไฟล์ PNG ที่ตั้งชื่อตามไฟล์ต้นฉบับและขนาด เช่น logo-512x512.png หรือดาวน์โหลดทุกไฟล์พร้อมกันเป็น svg-to-png.zip

ข้อจำกัดและ Pro

SVG เป็น PNG: ไม่จำกัดจำนวนไฟล์ SVG ส่งออกได้สูงสุด 16,384 px ต่อด้านและ 120 เมกะพิกเซลต่อไฟล์ PNG เป็น SVG: ครั้งละ 1 รูปภาพ ขนาดไม่เกิน 25 MB

Pro เพิ่มข้อจำกัดไฟล์นำเข้าของ PNG เป็น SVG เป็นสูงสุด 4 GB ดู Pro

เกี่ยวกับ ตัวแปลง SVG ↔ PNG

SVG เป็น PNG แปลงกราฟิกแบบเวกเตอร์ให้เป็นรูปภาพพิกเซลทั่วไป เอนจิน SVG ในเบราว์เซอร์จะวาดไฟล์ตามขนาดที่คุณกำหนดโดยตรง ดังนั้นการส่งออก 8× จากไอคอนขนาด 64 พิกเซลจะได้ภาพคมชัดขนาด 512 พิกเซล ไม่ใช่ภาพขยายที่เบลอ ขนาดเอาต์พุตมาจากแอตทริบิวต์ width และ height ของ SVG โดยหน่วยอย่าง mm, pt หรือ in จะแปลงที่ 96 พิกเซลต่อนิ้ว หรือมาจาก viewBox เมื่อไม่ได้ระบุขนาด เอาต์พุต PNG คงความโปร่งใสแบบอัลฟาเต็มรูปแบบ และบีบอัดแบบไม่สูญเสียคุณภาพด้วย OxiPNG ส่วน JPG ไม่รองรับความโปร่งใสจึงเติมสีขาว เว้นแต่คุณเลือกสีอื่น ตัวอย่างจะอัปเดตทันทีเมื่อเปลี่ยนการตั้งค่า จึงเห็นผลลัพธ์จริงก่อนดาวน์โหลด

คุณต้องใช้ PNG ในที่ที่ไม่รองรับ SVG เช่น โซเชียลมีเดียและแอปแชท Word และ PowerPoint รุ่นเก่า ลายเซ็นอีเมล หน้ารายการสินค้าในแอปสโตร์ และเว็บบิลเดอร์จำนวนมาก การส่งออกที่ 2× หรือ 4× ยังให้ภาพคมชัดบนหน้าจอมือถือความละเอียดสูงด้วย

เนื่องจาก SVG ถูกเรนเดอร์เป็นภาพเดี่ยว จึงดึงข้อมูลจากอินเทอร์เน็ตไม่ได้ รูปภาพที่ลิงก์ไว้และเว็บฟอนต์ที่อ้างอิงด้วย URL จะไม่โหลด และข้อความจะใช้ฟอนต์ที่ติดตั้งบนอุปกรณ์ของคุณแทน ควรฝังฟอนต์และรูปภาพเป็น data URI หรือแปลงข้อความเป็นเส้นโครงร่างก่อนส่งออก สคริปต์และแอนิเมชันจะไม่ทำงาน คุณจึงได้เพียงเฟรมนิ่งเฟรมเดียว แท็บ PNG เป็น SVG ทำงานย้อนกลับ โดยแปลงรูปภาพเป็นพาธเวกเตอร์

ความเป็นส่วนตัว

การเรนเดอร์ทำงานในเอนจิน SVG ที่มีอยู่ในเบราว์เซอร์ของคุณ และการเข้ารหัสภาพใช้โคเดก jSquash WebAssembly ใน Web Worker บนแท็บนี้ ซึ่งโหลดจากเว็บไซต์นี้เท่านั้นหลังจากคุณเพิ่มไฟล์ โค้ด SVG และภาพที่ส่งออกจะอยู่บนอุปกรณ์ของคุณ ไม่ถูกอัปโหลด และตัวเรนเดอร์เองก็ส่งคำขอเครือข่ายแทน SVG ไม่ได้

คุณสมบัติ

คมชัดทุกขนาด

เวกเตอร์ถูกเรนเดอร์ใหม่ที่ความละเอียดเอาต์พุต ส่งออกได้ที่ 1×, 2×, 4×, 8× หรือความกว้างพิกเซลที่ระบุเอง

พื้นหลังโปร่งใส

PNG และ WebP คงความโปร่งใสไว้ หรือจะเติมพื้นหลังด้วยสีใดก็ได้

วางโค้ด SVG

วางโค้ดจากเอดิเตอร์หรือเครื่องมือออกแบบได้ทันที ไม่ต้องมีไฟล์

ส่งออกเป็นชุด

แปลงชุดไอคอนทั้งชุดด้วยการตั้งค่าเดียวกัน แล้วดาวน์โหลดเป็น ZIP

มี PNG เป็น SVG ด้วย

สลับแท็บเพื่อแปลงโลโก้ PNG หรือ JPG เป็นพาธเวกเตอร์ที่เรียบคม

ตัวแปลง SVG ↔ PNG: คำถามที่พบบ่อย

แปลง SVG เป็น PNG พื้นหลังโปร่งใสได้อย่างไร?
ใช้ค่าเริ่มต้นคือรูปแบบ PNG และพื้นหลังโปร่งใส แล้วดาวน์โหลดได้เลย พื้นที่ที่ SVG ไม่ได้วาดจะโปร่งใสทั้งหมดใน PNG ส่วนสีเติมกึ่งโปร่งใสและขอบนุ่ม ๆ จะคงค่าอัลฟาไว้ JPG เก็บความโปร่งใสไม่ได้ จึงเติมพื้นที่ว่างด้วยสีขาวหรือสีที่คุณเลือกในช่องพื้นหลัง
ควรส่งออก SVG ที่ขนาดเท่าไร?
สำหรับเว็บไซต์ ให้ส่งออกที่ 2× ของขนาดที่จะแสดงผล เช่น กว้าง 600 พิกเซลสำหรับช่อง 300 พิกเซล เพื่อให้คมชัดบนหน้าจอความละเอียดสูง ไอคอนแอปและหน้ารายการในสโตร์มักต้องการ 512 หรือ 1024 พิกเซลจัตุรัส สำหรับงานพิมพ์ ให้นำความกว้างเป็นนิ้วคูณ 300 เนื่องจากเวกเตอร์ถูกวาดใหม่ทุกขนาด ภาพที่ใหญ่ขึ้นจึงไม่เบลอ เพียงแค่ใหญ่ขึ้น
ทำไมฟอนต์หรือรูปภาพใน SVG ของฉันดูผิดเพี้ยน?
SVG ที่ถูกวาดเป็นรูปภาพดาวน์โหลดอะไรเพิ่มไม่ได้ ฟอนต์ที่ลิงก์จาก Google Fonts หรือเซิร์ฟเวอร์อื่น รวมถึงรูปภาพที่อ้างอิงด้วย URL จึงหายไป และข้อความจะใช้ฟอนต์ที่ติดตั้งบนอุปกรณ์ของคุณแทน ให้เปิดไฟล์ในแอปออกแบบแล้วแปลงข้อความเป็นเส้นโครงร่างหรือพาธ หรือฝังฟอนต์และรูปภาพเป็นข้อมูล base64 จากนั้นส่งออก SVG ใหม่แล้วเรนเดอร์ที่นี่
แปลงไฟล์ SVG หลายไฟล์พร้อมกันได้หรือไม่?
ได้ ลากไฟล์ SVG มาวางกี่ไฟล์ก็ได้ ไฟล์จะแสดงเป็นรายการและดูตัวอย่างไฟล์ที่เลือกอยู่ การตั้งค่าขนาด รูปแบบ และพื้นหลังจะใช้กับทุกไฟล์ จึงส่งออกชุดไอคอนทั้งชุดที่ 4× ได้ในครั้งเดียว ปุ่มดาวน์โหลดจะสร้าง svg-to-png.zip โดยแต่ละ PNG ตั้งชื่อตามไฟล์ต้นฉบับและขนาดพิกเซลสุดท้าย
ทำไม PNG ที่ได้จึงมีขนาดไม่ตรงกับที่คาด?
ขนาดพื้นฐานมาจากแอตทริบิวต์ width และ height ของ SVG ที่แปลงเป็นพิกเซลที่ 96 ต่อนิ้ว แล้วคูณด้วยสัดส่วนที่เลือก หาก SVG มีเพียง viewBox จะใช้ตัวเลขในนั้นเป็นพิกเซล และหากไม่มีทั้งสองอย่าง เบราว์เซอร์จะถือว่าเป็น 300 × 150 หากต้องการผลลัพธ์ที่แน่นอนไม่ว่าไฟล์จะเป็นอย่างไร ให้เลือกตัวเลือก px แล้วพิมพ์ความกว้างที่ต้องการ ความสูงจะคงสัดส่วนไว้

งานอื่น ๆ ที่ใช้เครื่องมือนี้ได้

เครื่องมือรูปภาพ ทั้งหมด