فرمت SVG چیست : در واقع SVG مخفف کلمه Scalable Vector Graphics است. دنیای کامپیوتر و طراحی سایت دنیای پیکسل است به خصوص در قسمت گرافیکی. حتما شما نیز با این مشکل روبه رو گشته اید که با بزرگتر کردن و یا زوم بر روی برخی تصاویر وضوح تصویر کمتر خواهد شد. SVG این مشکل را برطرف نمونده و به طراحان سایت این امکان را داده تا تصاویر گرافیکی خود را با حجم کم و با حفظ وضوح با بزرگتر شدن تصاویر طراحی نمایند.
فرمت 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 شما را در این امر یاری نماید.