SVG อาจมีรูปทรงที่แก้ไขได้ ภาพธรรมดา หรือทั้งสองอย่าง ถ้าย้ายได้แค่ภาพทั้งชิ้น ให้ตรวจว่ากำลังเลือกกลุ่มรูปทรงหรือไม่ หากเป็นเลเยอร์ภาพจริง ๆ อาจต้องแปลงก่อน

ตรวจในโปรแกรมวาดภาพก่อน

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

กรอบเลือกเพียงกรอบเดียวไม่ได้แปลว่าเป็นภาพเสมอไป กลุ่มรูปทรงก็มีกรอบเดียวได้ สิ่งที่ต้องตรวจคือเข้าไปแก้ส่วนที่ต้องการได้หรือไม่

ทำไมเปลี่ยนคำไม่ได้?

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

ถ้าต้องการตรวจโค้ด SVG

เปิดสำเนาในโปรแกรมแก้ข้อความแล้วค้นหา <image ส่วน href อาจชี้ไปยังไฟล์ภาพหรือบรรจุข้อมูลภาพไว้ การใส่ภาพไว้ใน SVG ไม่เหมือนการแปลงภาพเป็นรูปทรง

ชื่อรูปทรงมีทั้ง path, circle, rect และ polygon การพบพาธหนึ่งเส้นไม่ได้ยืนยันว่าทั้งไฟล์เป็นเวกเตอร์ เพราะอาจมีภาพอยู่ส่วนอื่น

ลองตรวจ SVG นี้

เปิดสุนัขส่งจดหมายที่แปลงแล้ว ขยายกลุ่มและเลือกส่วนสีแดงของซอง เปลี่ยนสีแล้วเลิกทำ ซองอาจมีหลายรูปทรง จึงควรตรวจรอยพับด้วย จากนั้นเลือกส่วนสีน้ำเงินแล้วดูจุดที่แก้ไขได้ วิธีนี้บอกได้มากกว่าการซูมดูอย่างเดียว

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

ถ้า SVG มีแค่ภาพ

ขอไฟล์เวกเตอร์ต้นฉบับ หรือแปลงจากภาพต้นฉบับที่ชัด ImageSVG สร้างรูปทรงโดยไม่ฝังบิตแมปไว้ใน SVG แต่ไม่ได้เปลี่ยนตัวอักษรในภาพให้เป็นข้อความที่พิมพ์แก้ได้

ลองตรวจไฟล์ที่มีทั้งรูปทรงและรูปภาพ

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

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

SVG ↓