قالب SVG چیست؟ راهنمای سادهٔ اصول گرافیک برداری و کاربردهای آن

اول: SVG چیست؟

SVG کوتاه‌شدهٔ عبارت Scalable Vector Graphics (گرافیک برداری مقیاس‌پذیر) است؛ یک قالب گرافیک برداری باز بر پایهٔ XML که استاندارد آن را کنسرسیوم W3C تعیین کرده است. برخلاف PNG و JPG که تصویر را در شبکه‌ای از پیکسل‌ها ثبت می‌کنند، SVG شکل‌ها را با فرمول‌های ریاضی توصیف می‌کند: خط مستقیم، دایره و منحنی بزیر، هرکدام به‌صورت مختصات و دستورهای مسیر در فایل نوشته می‌شوند.

به همین دلیل SVG هرچقدر هم بزرگ شود تار نمی‌شود؛ مرورگر به‌جای کشیدن پیکسل‌ها، فرمول‌ها را در اندازهٔ جدید دوباره «می‌کشد». همین معنای واژهٔ «برداری» است.

دوم: تفاوت SVG با PNG / JPG

معیار	SVG	PNG / JPG
نحوهٔ ثبت	مسیرهای ریاضی (برداری)	شبکهٔ پیکسل (رستری)
در بزرگ‌نمایی	بی‌نهایت بزرگ می‌شود بدون افت کیفیت	دندانه‌دار و تار می‌شود
حجم فایل	برای شکل‌های ساده بسیار کوچک (چند کیلوبایت)	با افزایش تفکیک خطی رشد می‌کند
قابلیت ویرایش	متنی، قابل ویرایش، تغییر رنگ و انیمیشن	نیازمند نرم‌افزار پردازش تصویر
مناسب برای	آیکون، لوگو، تصویرسازی، نمودار	عکس و نورپردازی پیچیده

سوم: کاربردهای معمول SVG

• آیکون سایت و لوگو: یک فایل SVG برای همهٔ چگالی‌های صفحه کافی است و روی نمایشگرهای Retina هم تیز می‌ماند؛
• تصویرسازی و نمودار: کتابخانه‌های نمایش داده مانند ECharts و Recharts به‌صورت پیش‌فرض SVG خروجی می‌گیرند؛
• چاپ و حکاکی: دستگاه‌های حکاکی لیزر، برش لیبل و چاپ UV مسیرهای SVG را به‌طور گسترده می‌پذیرند؛
• انیمیشن: مسیرهای SVG را می‌توان مستقیم با CSS / SMIL / JavaScript هدایت کرد و افکت‌هایی مانند رسم‌شدن خط ساخت.

چهارم: چگونه SVG را باز و ویرایش کنیم؟

مرورگرها (Chrome / Edge / Firefox / Safari) فایل SVG را مستقیم باز می‌کنند و نرم‌افزارهای طراحی مانند Illustrator و Figma و Inkscape (رایگان) آن را ویرایش می‌کنند. اگر فقط می‌خواهید رنگ را عوض کنید، پس‌زمینه را بردارید یا بخشی را پاک کنید، از ویرایشگر آنلاین SVG در PolySVG استفاده کنید؛ بدون نصب هیچ نرم‌افزاری.

پنجم: PNG / JPG دستم را چگونه به SVG تبدیل کنم؟

از ابزار تبدیل تصویر به SVG در PolySVG استفاده کنید: پس از بارگذاری تصویر رستری، مدل اختصاصی به‌طور خودکار کوانتیزه‌سازی رنگ، ردیابی مرز و برازش منحنی را انجام می‌دهد و در چند ثانیه یک SVG قابل ویرایش به شما می‌دهد، به‌همراه حذف پس‌زمینه با یک کلیک. تمام فرایند رایگان است و به ثبت‌نام نیاز ندارد.

خلاصه: SVG قالبی است که با «فرمول» نقاشی می‌کند و ذاتاً برای آیکون، لوگو و هر گرافیکی که باید بزرگ‌نمایی شود مناسب است؛ برای محتوای عکس همچنان JPG / WEBP توصیه می‌شود.