با سلام به همراهان عزیز مدرسه گرافیک پلاس.امروز نیز یک مقاله بسیار خوب براتون آماده کردیم که به چرا و چگونگی برتری SVG در سال ۲۰۱۸ می پردازد.SVG یا همان Scalable Vector Graphics است که می توان به فارسی آن را به نگاره‌سازی برداری مقیاس‌پذیر ترجمه کرد.

SVG برای استفاده و پیاده سازی آسان است، و شما واقعا لازم نیست فایل های موجود را تغییر بدهید؛ فقط تصاویر جدید را به عنوان SVG اضافه کنید. در اینجا همه چیزهایی که شما باید در مورد SVG بدانید در این مورد است.

SVG برای وب ساخته شده است

موزیلا آن را مانند این توضیح می دهد:

SVG یک زبان مبتنی بر XML برای توصیف تصاویر برداری است. این اساسا نشانه گذاری است، مانند HTML، به جز اینکه عناصر مختلف زیادی برای تعریف شکل هایی که می خواهید در تصویر خود ظاهر شوند، و اثراتی که می خواهید برای آن شکل ها اعمال کنید. SVG برای علامتگذاری گرافیکهای بالا است، نه محتوا. در ساده ترین پایان طیف، شما باید عناصر برای ایجاد اشکال ساده مانند <circle> و <rect> داشته باشید. ویژگی های پیشرفته تر SVG عبارتند از <feColorMatrix> (تبدیل رنگ ها با استفاده از یک ماتریس تبدیل)، <animate> (قسمت های متحرک گرافیک بردار شما) و <mask> (ماسک را روی بالای تصویر خود اعمال کنید.)

مزیت های اصلی SVG برای طراحان وب شامل توانایی ایجاد یک ارائه ساده SVG در یک کد یا ویرایشگر متن می شود، در حالی که گرافیک پیچیده می تواند در یک برنامه مانند Adobe Illustrator کشیده شود؛ متن SVG در دسترس است؛ SVG ها برای نامیدن و اسکریپت آسان هستند؛ و شما با یک فرمت برداری که بخوبی در هر سایزی رندر می شود را ایجاد می کنید. فرمت های SVG توسط مرورگرهای مدرن پشتیبانی می شوند، در آینده مقاوم و بسیار فشرده می شوند.

طراحان چگونه از SVG استفاده می کنند

یکی از مزایای SVG این است که شما می توانید با آن کارهای مختلفی انجام دهید. SVG می تواند مورد استفاده قرار گیرد:

• آرم ها
• پس زمینه ها ، الگوها و بافت ها
• انیمیشن
• تصاویر پاسخگو
• آیکون ها

طراحان می توانند از SVG برای هر عنصر در یک طراحی استفاده کنند که در آن فرمت برداری یک راه حل کاربردی است. می تواند جایگزین JPG، PNG و GIF در میان فرمت های دیگر باشد.

قانون فرمت های وکتور

شانس خوبی برای استفاده از فرمت های بردار بیشتری وجود دارد. SVG وضوح مستقل است. و این یک جایزه بزرگ است، زیرا شما می دانید که تصاویر شما هر جا بزرگ ظاهرخواهد شد.

در مورد کار با تصاویر SVG بسیار خوب است که واقعا لازم نیست که جریان کار خود را تغییر دهید تا آنها را اجرا کنید. اگر شما در نرم افزار مانند Illustrator یا Sketch طراحی می کنید، فرآیند – غیر ازاکسپورت نهایی – یکسان است. یکی از مزایای این است که شما احتمالا می خواهید هر عنصر متن را به خطوط در Illustrator تبدیل کنید، اما بسیاری از افراد قبلا این کار را انجام داده اند.

هنگام تهیه فایل های SVG، یک چیز کلیدی به یاد داشته باشید. برای نگه داشتن آنها درکوچکترین حد ممکن، مطمئن شوید که هر گونه ناخواسته را که لازم نیست حذف کنید.SVG در وب دارای نکاتی عالی برای رسم عناصر و ذخیره فایل های SVG در بهترین حالت ممکن است.

فرمت مبتنی برمتن برای SEO مناسب است

با استفاده از SVG با کمی از پاداش برای طراحان هوشمند موتور جستجو نیز همراه است. از آنجا که SVG از متن واقعی در قالب بندی استفاده می کند، موتورهای جستجو می توانند تصاویر بیشتری را بخوانند.

بله، شما می توانید اطلاعات را با تصاویر دیگر اضافه کنید، اما فقط برای کلمات کلیدی فضا بسیار زیاد است. با استفاده از SVG شما می توانید تصاویر جستجوی بیشتری را ایجاد کنید و فقط آپلود کنید. گوگل همه محتوای SVG را نشان می دهد، از جمله فایل های مستقل و زمانی که SVG ها به طور مستقیم در HTML جاسازی شده است.

SVG سبک وزن است

ویرایش آسان است

تصاویر بی حرکت یا محرک با SVG ایجاد کنید

بر خلاف اکثر فرمت های تصویر دیگر که اجازه می دهند تصاویر متحرک یا بی حرکت داشته باشید، SVG برای هر دو امکان پذیر است. شما می توانید تصویر ثابت یا انیمیشن ایجاد کنید. و این همه کار به همان اندازه کار می کند. (این مثال بسیار خوبی آموزش در مورد چگونگی تحریک یک عنصر در مسیر SVG است!)

این مزایای کوچک کمک می کند تا SVG را به خط مقدم ذهن طراحان تبدیل کند. شما لازم نیست یک ابزار یا تکنیک جدید را یاد بگیرید؛ شما در حال حاضر همه چیز را که لازم دارید با SVG خود دارید.

نتیجه گیری

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

مژگان افلاطونی