SVG چیست؟
مزایای SVG
مزایای استفاده ازsvg به جای استفاده از تصاویر معمولی مثلjpg یاpng به شرح ذیل است:
– تصاویرSVG توسط هر ویرایشگر متنی قابلیت ساخت یا ویرایش دارند.
– تصاویرSVG قابلیت طراحی، جستجو، ایندکس شدن و برنامه نویسی را دارند.
– تصاویرSVG قابلیت تغییر به سایزهای مختلف را بدون افت کیفیت دارند.
– تصاویرSVG قابلیت چاپ با هر سایزی بدون افت کیفیت را دارند.
– تصاویرSVG قابلیت زوم شدن را بدون افت کیفیت دارند.
– تصاویرSVG یک قالب استاندارد آزاد دارند.
– تصاویر SVGیک فایل XMLهستند.
ساخت تصاویر SVG
شما با هر ویرایشگر متنی می توانید به راحتی تصاویرSVG را بسازید ولی اگر بخواهید از نرم‌افزارهای گرافیکی که بتوانند به صورت خودکار برای شما فایلSVG را بسازند استفاده کنید می توانید از نرم افزارهایی مثل Inkscape استفاده کنید.
SVG و HTML5
در اچ تی ام ال نسخه ۵ امکان استفاده ازsvg به صورت مستقیم فراهم شده است.در مثال زیر استفاده از تگ svgدر اچ تی ام ال نسخه ۵ را مشاهده می کنید.
تگsvg نشان دهنده شروع تصویرSvg است و مقادیرwidth وheight طول و عرض تصویر را مشخص می کنند .
تگ circle نوع شکل را مشخص می کند و مقادیرcx وcyوr اندازه و محل قرار گیری دایره را مشخص می کنند.
مقادیرfill مشخص کننده رنگ دایره و مقدار storke-width ضخامت خطی که دایره با آن رسم می شود را مشخص می کند.در انتها تگرsvg نشان دهنده پایان اطلاعات تصویر است.
شرح : برای توصیف گرافیک دو بعدی و برنامه های گرافیکی در XML از زبان SVG استفاده می کنند. تکنولوژی SVG مخفف عبارت Scalable Vector Graphics است. SVG این قابلیت را دارد که در صفحات برداری اگر بر روی عکسی زوم کردیم کیفیت عکس پایین نمی آید که در طراحی سایت برای ایجاد گرافیک های برداری به کار می رود. با تکنولوژی SVG حجم عکس ها کاهش می یابد در صورتی که کیفیت آن در همه سایز ها حفظ می شود.و همچنین می توانیم با المان هایی که در SVG وجود دارند می تواند نقاشی شود. SVG نسخه ?.? در ژانویه ???? برای اولین بار توسط W?C توصیه شد . شرکت های Sun Adobe, Apple, IBM, Kodak ازجمله شرکت هایی بودند که بر روی این پروژه کار کرده اند.
مزایای SVG نسبت به سایر فرمت های موجود مانند GIF , JPG :
فرمت SVG با استفاده از برنامه های بسیاری قابل خواندن است حتی با استفاده از notepad !
این عکس ها قابلیت تغییر اندازه بدون از دست دادن کیفیت را دارند .
SVG با تکنولوژی جاوا کار میکند .و یک استاندارد است .
حجم این فایل ها از فرمت های پیکسلی کم تر است .
فایل های SVG کاملا XML هستند .
متون نوشته شده در این عکس ها بصورت TEXT بوده و قابل انتخاب و جستجو میباشد !
برای نشان دادن SVG در فایل های HTML میتوان از ? کد برای این کار استفاده کرد :
تگ Object
تگ Embed
تگ iframe
قابل مقایسه ترین نوع فایلی با SVG را می توان تصاویر برداری فلش نامید . با این تفاوت که SVG یک استاندارد بیش از فلش دارد و آن موازی بودن تکنولوژی آن با استاندارد هایی مانند XSL و DOM است . در ضمن فلش یک تکنولوژی اوپن سورس نیست . تنها مشکلی که پیش پای SVG قرار دارد این است که هنوز تمام مرورگر ها بصورت کامل از آن پشتیبانی نمی کنند . گرچه میتوان آینده SVG را روشن توصیف کرد . برنامه Adobe Golive ? بطور کامل از ویرایش SVG پشتیبانی میکند و ادیتور های آن درحال گسترش هستند . باید بدانید که فایل های SVG با پسوند .svg ذخیره میشوند .
