ตัวดูและแก้ไข SVG

SVG (Scalable Vector Graphics) เป็นรูปแบบภาพเวกเตอร์ berbasis XML ที่อนุญาตให้ปรับขนาดได้ไม่จำกัดโดยไม่สูญเสียคุณภาพ ใช้กันอย่างแพร่หลายสำหรับโลโก้ ไอคอน และกราฟิกเว็บ

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

เครื่องมือนี้ดูไฟล์ SVG คุณสามารถวางโค้ด SVG โดยตรงหรืออัปโหลดไฟล์ .svg จากอุปกรณ์ของคุณ

ได้ คุณสามารถแก้ไขซอร์สโค้ด SVG ในแผงแก้ไขและดูการเปลี่ยนแปลงในแผงตัวอย่างแบบเรียลไทม์

แผงตัวอย่างจะอัปเดตโดยอัตโนมัติเมื่อคุณพิมพ์ในเครื่องมือแก้ไขโค้ด แสดงให้คุณเห็นอย่างชัดเจนว่า SVG ของคุณจะแสดงผลในเบราว์เซอร์อย่างไร

คลิกปุ่มเพิ่มประสิทธิภาพเพื่อลบช่องว่าง คอมเมนต์ เมทาดาท้า และแอตทริบิวต์ซ้ำซ้อน ลดขนาดไฟล์

ได้ คุณสามารถแก้ไขสีเติม สีเส้น ความทึบ และแอตทริบิวต์สไตล์อื่นๆ โดยตรงในโค้ด SVG

ได้ SVG รองรับแอนิเมชันผ่าน SMIL (Synchronized Multimedia Integration Language) และแอนิเมชัน CSS คุณสามารถสร้างเอฟเฟกต์เช่นการเคลื่อนไหว การเปลี่ยนสี และการแปลงรูปร่างโดยตรงใน SVG

เครื่องมือนี้ทำงานในเบราว์เซอร์สมัยใหม่ทั้งหมดรวมถึง Chrome, Firefox, Safari และ Edge

เครื่องมือจะเน้นข้อผิดพลาดไวยากรณ์ในโค้ด SVG ของคุณโดยอัตโนมัติ ช่วยให้คุณระบุและแก้ไขปัญหาได้ทันที

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

ไม่ การประมวลผลทั้งหมดเกิดขึ้นในเครื่องในเบราว์เซอร์ของคุณ เนื้อหา SVG ของคุณไม่เคยออกจากอุปกรณ์