Tag Archives: พัฒนาเว็บไซต์

ทำความเข้าใจ SVG: ภาพเวกเตอร์ที่ปรับแต่งได้ด้วยโค้ด SVG (Scalable Vector Graphics) คือ รูปแบบไฟล์ภาพกราฟิกแบบเวกเตอร์ ที่เขียนด้วยภาษา XML ทำให้สามารถแสดงผลได้คมชัดทุกขนาด โดยไม่สูญเสียความละเอียด ไม่ว่าจะบนหน้าจอมือถือหรือจอ 4K ข้อดีของ SVG คือ: 📐 ขยายหรือย่อขนาดโดยไม่แตก (vector-based) 🎨 เปลี่ยนสีได้ง่ายผ่านโค้ด CSS ⚡ โหลดเร็วกว่าไฟล์ PNG หรือ JPG 🧩 แก้ไขผ่าน HTML ได้ทันที SVG แบบ “โค้ด” กับแบบ “ไฟล์” ต่างกันยังไง? ประเภท SVG ตัวอย่าง เปลี่ยนสีผ่าน CSS ได้ไหม? SEO Friendly ไหม? แนะนำสำหรับ แบบโค้ด (Inline SVG) <svg>…</svg> ✅ ได้เต็มที่