SVG در طراحی وب

18 11 2008

عکس های jpeg و jpg و png و امثال آن عکس های پیکسلی هستند یعنی در آن ها رنگ هر پیکسل در عکس به طور اختصاصی وارد شده است . اما در SVG عکس به صورت برداری تعیین می شود و به عبارت دیگر هر چقدر در عکس زوم می کنیم کیفیت آن تغییری نمی کند.

شما شاید در آیکن های لینوکس به پسوند .svg بر خورده باشید.
SVG ۳ حرف اول کلمات Scable Vector Graphics می باشد. عکس های SVG به صورت XML هستند و برای ایجاد آن ها نیاز به دانستن تعدادی تگ svg هست . راه دیگر ایجاد آن ها استفاده از برنامه هایی هستند که رابط گرافیکی ما و سورس svg هستند و به عبارت دیگر با کشیدن عکس دلخواه در برنامه عکس svg برای ما می سازند (به همین راحتی) . از جمله ی برنامه های open source در این زمینه می توان Inkscape را نام برد. این برنامه دارای امکانات بسیار عالی می باشد. از جمله ی امکانات بسیار پیشرفته ی آن می توان به تبدیل عکس های پیکسلی به برداری را نام برد.

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

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

ولی ای کاش همه فایرفاکس استفاده می کردند و یا بهتره بگم همه ی مرورگر ها به صورت پیشفرض svg رو ساپورت می کردند.

Advertisements