ข้ามไปยังเครื่องมือ
JoeLucky

กด ★ ที่เครื่องมือเพื่อบันทึก

หมวดหมู่เครื่องมือ

แปลงโค้ดเป็นรูปภาพสร้างไล่สี CSSGlassmorphism CSSสร้าง Box Shadowสร้าง CSS Loaderสร้าง SVG BlobSVG เป็น PNGตรวจความต่างสีแปลง PX / REM / EM
JoeLucky

เครื่องมือออนไลน์ที่ใช้งานได้จริง รวมไว้ในที่เดียว

นโยบายความเป็นส่วนตัวข้อกำหนดการให้บริการ

© 2026 JoeLucky®. สงวนลิขสิทธิ์

  1. JoeLucky
  2. /CSS และการออกแบบ
  3. /SVG เป็น PNG

SVG เป็น PNG

สร้างไฟล์ PNG ความละเอียดสูงจากโค้ด SVG

CSS และการออกแบบ ที่คล้ายกัน

ดูทั้งหมด
แปลงโค้ดเป็นรูปภาพ

เปลี่ยนโค้ดสั้น ๆ ให้เป็นภาพหน้าจอที่สวยงาม

เปิด →
สร้างไล่สี CSS

ออกแบบไล่สีแบบเส้นตรง วงกลม และกรวยด้วยภาพ แล้วคัดลอก CSS ได้ทันที

เปิด →
Glassmorphism CSS

💬 ความคิดเห็น

?

ยังไม่มีความคิดเห็น มาเป็นคนแรกกันเลย!

SVG เป็น PNG คืออะไร?

เรนเดอร์กราฟิกเวกเตอร์ SVG เป็นภาพ PNG พร้อมสัดส่วนที่กำหนดเองสำหรับเอาต์พุตความละเอียดสูง การแปลงเกิดขึ้นในเครื่องของคุณผ่านเบราว์เซอร์

วิธีใช้

  1. วิธีป้อนสองแบบ: ลากแล้ววางไฟล์ .svg ในโซนอัปโหลด หรือวางซอร์สโค้ด SVG ลงในกล่องข้อความแล้วคลิก “โหลด”
  2. ตัวอย่างใช้พื้นหลังลายตารางหมากรุกเพื่อแสดงพื้นที่โปร่งใสให้ชัดเจน ใช้ “คัดลอก SVG” เพื่อคัดลอกซอร์สโค้ด หรือ ✕ เพื่อรีเซ็ต
  3. เลือกจากค่าด่วน 1×/2×/4×/8× หรือกรอกความกว้างพิกเซลใดก็ได้ใน “ความกว้างที่กำหนดเอง” — ความสูงปรับตามสัดส่วน
  4. พื้นหลัง: “โปร่งใส” คงช่องอัลฟาไว้ “ขาว” เติมพื้นหลังสำหรับรูปแบบหรือบริบทที่ไม่รองรับความโปร่งใส
  5. หลังคลิก “ดาวน์โหลด PNG” ขนาดเอาต์พุตจะถูกยืนยันทางซ้าย ใช้ 2× หรือ 4× สำหรับจอ Retina การแปลงทั้งหมดทำในเครื่อง — ไม่มีการอัปโหลด

คำถามที่พบบ่อย

SVG เป็น PNG รองรับความละเอียดเท่าไรบ้าง?

1×, 2×, 4× และอื่น ๆ สำหรับความหนาแน่นหน้าจอที่ต่างกัน

การแปลงทำในเครื่องหรือไม่?

ใช่ ทุกอย่างประมวลผลในเครื่องผ่าน Canvas ไม่มีไฟล์ถูกอัปโหลด

พื้นหลังของ PNG โปร่งใสไหม?

หากพื้นหลัง SVG โปร่งใส PNG จะคงไว้ คุณยังกำหนดสีพื้นหลังได้ด้วย

ตัวอย่าง

ยังไม่ได้โหลด SVG

การตั้งค่าผลลัพธ์

สเกล

ความกว้างที่กำหนดเอง

px

พื้นหลัง

สร้างโค้ดเบลอพื้นหลังและขอบโปร่งแสงแบบเรียลไทม์

เปิด →