فرمت SVG و مزایا استفاده در طراحی سایت

  • ۲۴ آذر ۱۳۹۳
  • 1,631 نفر
  • ۳ دیدگاه
  • آی وحید
 
1 Star2 Stars3 Stars4 Stars5 Stars

فرمت SVG چیست

فرمت SVG و مزایا استفاده در طراحی سایت و مزایا استفاده

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

فرمت Scalable Vector Graphic (فرمت SVG ) زبانی‌ست از نوع اکس‌ام‌ال که به منظور ایجاد، انتشار، و کار با گرافیک دوبعدی و نیز کاربردهای گرافیکی بر روی اینترنت ایجاد گردیده است. به عنوان استانداردی جدید از سوی کنسرسیوم وب جهان‌شمول  (W3C)، اس‌وی‌جی باعث کوچک‌تر گردیدن، سریع‌تر بودن، و تعاملی‌تر (interactive) شدن اسناد دربردارندهٔ گرافیک و انیمیشن بر روی طراحی سایت می‌گردد . برای درک بهتر می توانید این پست را مشاهده کنید ۱۲ لودینگ SVG

 

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

تفاوت svg و bitmap

نرم‌افزار Inkscape ویرایش‌گر متن‌باز تصاویر برداری فرمت SVG با قابلیت‌هایی مشابه Illustrator ، CorelDraw ، یا Xara X با استفاده از فرمت استاندارد W3C یا همان SVG است. Inkscape بسیاری از امکانات پیشرفته فرمت SVG را پشتیبانی می‌کند

علاوه بر موارد ذکر شده امکان خروجی گرفتن در فرمت‌هایی نظیر ( ، PDF PNG ، EPS ، EMF ، WMF و غیره) را داراست. و از طریق برنامه‌های جانبی نیز می‌توان به شکل گروهی فرمت هزاران فایل را با این نرم‌افزار تبدیل کرد (ConversionSVG)

برنامه متن‌باز دیگری نیز البته وجود دارد به نام Uniconvertor که استفاده از آن آسان و مناسب برای تبدیل سریع تعداد زیادی فایل است. علاوه بر این از تعداد زیادی فرمت نیز پشتبانی می‌کند. فرمت SVGZ  نیز نسخه فشرده شده SVG است.

قابلیتهای فرمت SVG 

·         کاملا قابلیت zoom کردن و pan کردن را دارد.

·         قابلیت موقعیت یابی پیکسل

·         کیفیت بالای گرادیانت، سایه و سایر افکتها

·         کنترل رنگ و دقت رنگ بهبود یافته

·         بالاترین رزولوشن ممکن برای چاپ شدن

·         کنترل بهتر روی type مانند kerning، متن روی خط و تعداد نامحدود فونت

·         متن قابل ویرایش و جستجو شدن

·         قابلیت جستجوی متن درون گرافیک

·         محتوا و انیمیشن dynamic و قابلیت ارتباط برقرار کردن با کاربر به صورت script نویسی

·         سایز کوچک برای download

·         پشتیبانی از CSS

·         درجه های مختلف شفافیت (transparency)

·         پشتیبانی برای سایر دستگاهها شامل GPS و موبایلها

نرم‌افزار Inkscape

Inkscape نرم افزاری متن باز برای گرافیک های برداری (Vector) نظیر برنامه های Adobe Illustrator، Corel Draw، Freehand و Xara X است. تصاویر وکتور دارای مشخصاتی متفاوت از تصاویر Bitmap است که بارزترین آن ها، امکان بزرگنمایی تصاویر تا حد دلخواه بدون افت پیکسل است که این مورد به دلیل شیوه نگارش برداری تصاویر است. Inkscape بر خلاف نرم افزار های بر پایه Bitmap نظیر Photoshop و Gimp تصاویر خود را بر اساس Vector ایجاد می نماید. اگر تا کنون سابقه کار با نرم افزار های وکتور را داشته اید کار با این نرم افزار نیز برایتان بسیار ساده خواهد بود. Inkscape از مطرح ترین نرم افزار های برداری است که به صورت کاملا رایگان و متن باز منتشر می شود. آخر همین پست دانلود برنامه موجود است.

 
توصیه نویسنده به شما :
  • ۱۲ لودینگ SVG برای طراحی سایت
  • علی ۲/۱۰/۱۳۹۳ پاسخ دهید

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

    تارنما سازان وب پارس درگاه پرداخت واسط پی پکس لول رنگ - پالت رنگ های مورد تایید آی وحید تاتسی | tutsi فروشگاه قالب اختصاصی تمی

    FB google plus