SVG و اساس کار آن

SVG مخفف کلمه Scalable Vector Graphics می باشد و به معنای گرافیک برداری مقایسه پذیر است. SVG همانطور که از نامش نیز مشخص است در طراحی تصاویر مبتنی بر بردار کاربرد دارد. SVG در طراحی قالب سایت و تصاویر سایت با فرمت XML استفاده می شود و به توسعه دهندگان این امکان را می دهد تصاویری با کیفیت بالا داشته باشند که علارقم حجم کم فایل ها با بزرگنمایی آنها کارایی یا Performance آنها کاهش نیابد. در واقع می توان گفت با زوم کردن تصاویر هنوز می توان گوشه های تصویر را بسیار شارپ و همچون نوک چاقو تیز و برنده دید.

شما می توانید ترسیمات خود را در دنیای کامپیوتر به دو صورت انجام دهید:

۱٫     Raster Graphics یا گرافیک شطرنجی

۲٫     Vector Graphics یا گرافیک برداری

تفاوت تصاویر ساخته شده از طریق پیکسل و بردار

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

از فرمت هایی که به صورت گرافیک شطرنجی ذخیره می شوند می توان به موارد زیر اشاره نمود:

• Gif
• Jpg
• bmp

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

از SVG در چه مواردی استفاده می شود

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

• آیکون
• تیزرهای تبلیغاتی
• تصاویر محرک
• جهت ترسیم تصاویر ساده
• تصویر سازی داده ها

مزایای استفاده از SVG

فرمت SVG دارای مزایای بسیاری می باشد که موجب محبوبیت این فرمت بین کاربران و طراحان سایت گردیده است که به اختصار به برخی از آنها اشاره می کنیم:

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

تصاویر SVG در فایل های HTML

به منظور نشان دادن تصاویر با فرمت SVG در فایل های HTML از سه کد استفاده می شود:

۱٫     تگ Embed

۲٫     تگ Object

۳٫     تگ iframe

شایان ذکر است با تمام مزایای SVG تنها نرم افزارهای کمی جهت طراحی تصاویر با این فرمت وجود دارند مانند:

• Illustrator
• CorelDraw
• Xara
• Inkscape

نرم افزار فتوشاپ همانطور که ملاحظه می نمایید جزوء این نرم افزارها نمی باشد.

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

مجتمع فنی تهران می کوشد با آموزش جامع و کامل نرم افزارهای گرافیکی مانند دوره Adobe Illustrator cc و دوره نرم افزاز Corel Draw شما را در این امر یاری کند.

برای ملاحظه سرفصل دوره های گرافیکی در قسمت آموزش نرم افزار های گرافیکی بر روی اسم دوره کلیک نمایید.