SVG یک فرمت تصویر است که شکل‌ها را با کد متنی (از نوع XML) توصیف می‌کند. مرورگر این کد را می‌خواند و تصویر را ترسیم می‌کند. چون وکتور است، روی هر صفحه‌ی نمایشی، حتی گوشی‌های با تراکم پیکسلی بالا، کاملاً تیز دیده می‌شود.
یک نمونه‌ی ساده#
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" fill="#1E88E5" />
</svg>این چند خط یک دایره‌ی آبی می‌کشد. همین فایل را می‌توانید در نرم‌افزار متن باز کنید و ویرایش کنید.
مزیت‌ها#
- تیز در هر اندازه: مناسب لوگو و آیکون
- حجم کم: معمولاً چند کیلوبایت
- قابل تغییر با CSS: رنگ، اندازه و حتی انیمیشن
- قابل جستجو: متن داخل آن میتواند خوانده شود
محدودیت‌ها#
- برای عکس مناسب نیست
- فایل پیچیده با هزار مسیر ممکن است سنگین شود
- فایل SVG ناشناس میتواند کد مخرب داشته باشد؛ از منبع نامطمئن آن را در سایت خود بارگذاری نکنید
کجا استفاده می‌شود#
آیکون‌های سایت، لوگوی سایت، نمودارها، انیمیشن‌های سبک و تصویرسازی ساده. اگر قالب وردپرس شما آیکون‌های تیز دارد، احتمالاً SVG است.
نکته#
در وردپرس برای امنیت، بارگذاری مستقیم SVG به‌صورت پیش‌فرض بسته است و برای فعال‌سازی معمولاً از افزونه‌ای که فایل‌ها را پاکسازی می‌کند استفاده می‌شود.