SVG مخفف Scalable Vector Graphics است. در دنیای طراحی سایت همه چیز پیکسلی است حتما برای شما هم پیش آمده که با بزرگ کردن عکس کیفیت کارتان پایین بیاید در این جاست که SVG راه حل مناسبی برای شماست.
کسانی که طراحی سایت انجام می دهند بسیار از این فرمت استفاده می کنند تا با کمترین حجم بهترین کیفیت را ارائه دهند.
کاربرد SVG
SVG به معنای گرافیک برداری مقایسه پذیر است؛ یعنی بر اساس بردار و وکتور کار می کند نه پیکسل. SVG در طراحی سایت با فرمت XML استفاده می شود و به طراحان این امکان را می دهد که تصاویر با کیفیتی را برای پروژه خود استفاده کنند.
در دنیای طراحی تصاویر به دو دسته تقسیم می شوند.
- گرافیک شطرنجی یا پیکسلی
- گرافیک وکتوری یا برداری
1- گرافیک شطرنجی یا برداری
تصاویر ذخیره شده به صورت پیکسلی هستند و شما نمی توانید بیش از حد آنها را بزرگ یا کوچک کنید ضمن اینکه حجم آنها به طور معمول استاندارد است اما حجم های خیلی بالا با وضوح زیاد نیز وجود دارد.
از فرمت هایی که به صورت گرافیک برداری ذخیره می شوند می توان به GIF، JPG، BMP و … اشاره کرد.
2- گرافیک برداری یا وکتور
این تصاویر بر مبنای خطوط برداری و مجزا از پیکسل ذخیره می شوند، قابلیت بزرگ نمایی تا ده ها برابر را دارند بدون اینکه 1% از کیفیت آن کاسته شود، شما می توانید آن ها را به هر صورت که می خواهید شکل بدهید و …
جالب است بدانید پرکاربردترین فرمت ذخیره سازی گرافیک برداری معمولا SVG است. از فرمت SVG می توان برای موارد زیر استفاده کرد:
- آیکون
- تیزرهای تبلیغاتی
- تصاویر متحرک
- موشن گرافیک
- جهت ترسیم تصاویر ساده
- تصویر سازی داده ها
- …
مزایای استفاده از SVG چیست؟
- قابلیت بزرگ نمایی بیش از حد
- ذخیره تصاویر با کمترین حجم ممکن
- پشتیبانی توسط مرورگر
- فایل های ذخیره سازی شده قابل فشرده سازی هستند.
- مستقل از رزولوشن می باشد.
- برداری عمل می کند.
- نرم افزار ایلوستریتور، کورل دراو، اینک اسکیپ و… یکی از هزاران نرم افزارهایی است که از SVG پشتیبانی می کند.
امیدواریم از این مقاله آموزشی اطلاعات لازم را کسب کرده باشید؛ اگر می خواهید خودتان دست به کار شوید ابتدا باید اصول اولیه طراحی سایت را یاد داشته باشید و حتما با SVG کارکرده باشید تا بتوانید سایت های حرفه ای را طراحی کنید؛ یا به تیم حرفه ای طراحی سایت لینک شوید تا طراحان حرفه ای برای شما سایت طراحی کنند.
