PNG อาจเก็บภาพละเอียดได้เล็กกว่า SVG ที่มีรูปทรงหลายพันชิ้น การแปลงทำให้แก้รูปทรงได้ ไม่ได้รับประกันว่าไฟล์จะเล็กลง

แต่ละหน้าตัวอย่างมีต้นฉบับและข้อมูลการแปลง SVG ทั้งสองยังไม่ได้แก้ด้วยมือ จำนวนรูปทรงมากกว่าไม่ได้แปลว่าผลดีกว่า

มองหารายละเอียดที่ไม่จำเป็น

จุดรอบตัวอักษร ขอบหยาบ และเงาที่มีพื้นผิวอาจกลายเป็นรูปทรงเล็ก ๆ จำนวนมาก ถ้าไม่ต้องการรอยเหล่านั้น ให้หาต้นฉบับที่สะอาดกว่าหรือลบในโปรแกรมแต่งภาพก่อนแปลงใหม่

SVG จากเครื่องมืออื่นอาจมี PNG หรือ JPEG ทั้งภาพฝังอยู่ อ่านวิธีตรวจสิ่งที่อยู่ใน SVG ผลจาก ImageSVG ไม่มีภาพฝังอยู่

ลองลดความซับซ้อนในสำเนา

  1. เก็บ SVG ต้นฉบับไว้เพื่อย้อนกลับ
  2. เลือกรูปทรงในโปรแกรมเวกเตอร์ แล้วลดจุดของพาธเพียงเล็กน้อย
  3. เทียบมุม ช่องแคบ และช่องในตัวอักษร หากขยับหรือหาย ให้เลิกทำ
  4. บันทึกสำเนา แล้วเทียบขนาดไฟล์และหน้าตาในขนาดใช้งานจริง

ถ้าข้อมูลส่วนใหญ่เป็นรูปทรงซับซ้อน การลบเมทาดาทาอย่างเดียวช่วยไม่มาก การลดจุดแรงเกินไปอาจเปลี่ยนภาพ จึงไม่ควรดูแต่ขนาดไฟล์

รายละเอียดเพิ่มอยู่ตรงไหน?

ดูนิ้วมือ ขอบกลีบดอก และช่องว่างแคบระหว่างก้าน แต่ละขอบต้องใช้ข้อมูลการวาด ภาพที่มีรายละเอียดมากจึงอาจสร้าง SVG ที่ใหญ่ขึ้น เปรียบเทียบรูปลักษณ์ในขนาดที่จะใช้จริง

ภาพต้นฉบับ
ภาพต้นฉบับ
SVG ที่แปลงแล้ว
SVG ที่แปลงแล้ว
ภาพต้นฉบับ · SVG ที่แปลงแล้ว · ตัวอย่างนี้ทำอย่างไร

ภาพนี้จำเป็นต้องใช้ SVG ไหม?

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

SVG ที่เล็กลงอาจสูญเสียรายละเอียด

ดาวน์โหลด A และ B แล้วเทียบที่ขนาดเดียวกัน A มีรอยบากด้านบนและรูตรงกลาง ส่วน B ตัดทั้งสองอย่างออกเพื่อลดข้อมูล จำนวนไบต์ด้านล่างอ่านจากไฟล์จริง ไฟล์เหล่านี้เป็นตัวอย่างประกอบการสอน ไม่ใช่ผลจากตัวแปลงหรือการวัดการปรับปรุงงานที่เผยแพร่ เก็บสำเนาไว้ก่อนลดรายละเอียด

SVG ที่เล็กลงอาจสูญเสียรายละเอียด — A
188 ไบต์
SVG ที่เล็กลงอาจสูญเสียรายละเอียด — B
116 ไบต์

SVG A ↓ · SVG B ↓