svg چیست ؟ و چگونه در طراحی وب سایت از svg استفاده کنیم + معرفی سایت

svg چیست ؟ و چگونه در طراحی وب سایت از svg استفاده کنیم + معرفی سایت


svg بیانگر کلمات Scalable Vector Graphics می باشد .

از svg برای تهیه تصاویر وکتوری برای وب استفاده می شود و دارای فرمت متنی در قالب زبان دستوری xml می باشد .

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

و همچنین هر آیتم گرافیک انیمیشن پذیر می باشد .svg از استاندارد های توصیه شده توسط w3c می باشد .

تصاویر تولید شده توسط svg قابلیت ویرایش با هر ادیتور متنی را دارند و از همه مهم تر توسط موتور های جستجو قابلیت جستجو و ایندکس شدن را دارند .و همچنین می توان آنها را فشرده کرد.بعضی از سایتهای دانلود وکتور و آیکون و عکس svg :

iconmonster

creativecommons

svgcuts

svg-studio

  در مقاله های قبل هم تعدادی از سایتهای دانلود وکتور و آیکون فونت های svg را قرار داده ایم.به آنها مراجعه کنید.  

ارسال دیدگاه

دیدگاه ها (2)

Gravatar image
سعید طاهری
دوشنبه,24 خرداد 1395-2:18

با سلام انیمیشن های svg خیلی خارق العاده وجذابن.بار اول که اونهارو میبینی شیفته شون میشی.raphael , snap.js , velocity و کتابخانه ها و فریم ورک های دیگه همشون یه دنیا امکانات میزارن در اختیارت.طی مطالعه یک ماهه ای که روزانه 18 ساعت کامل به svg اختصاص دادم به این نتیجه رسیدم که بهترین و سریعترین فریم ورک برایsvg فریم ورک gsap هست.که مشکلات cross-browser compatiblity رو با پلاگین css حل میکنه و علاوه بر اون کاری رو که هیچ فریم ورکی نمیتونه انجام بده واون هم ارائه امکان تایم لاینینگ انیمیشن ها با سرعت فوق العاده و بدون tween های پلکانی هست ، رو قادرهست انجام بده .که اینجا باید از مقالات خانم سارا سویدن لبنانی و آملیا بلامی روید یاد بکنم.خانم سارا در سال 2015 جایزه وب آووارد رو برای تهیه محتوی در نت دریافت کردند.و به صورت تخصصی روی svg تمرکز کردن.علاوه بر اون کتابخانه modernizr.js امکانات مرورگر ها رو چک میکنه و به طراح امکان میده که fallback ها یا لی آوت های جایگزین و استایل های جایگزین رو برای مرورگرهای سمج و تغییر نا پذیر مثل ie8 که قاتل svg یا زهر svg قلمداد شده بکار ببره. اما ، اما ، اما : متاسفانه بوت استرپ ، svg و همه امکانات مذکور وابسته به جاوااسکریپت هستند و کاربرا معمولا جاوااسکریپت رو غیرفعال میکنن تا هم از لحاظ امنیتی و هم از دست محتویات مزاحم خلاص بشن. و اگه جاوااسکریپت غیر فعال باشه دست طراح خیلی بسته خواهد بود و عملا میزان کار برای جبران جاوااسکریپت با css درمقابل دستمزدی که کارفرما ها پرداخت می کنند برابر نیست. نتیجه اینه که ما دوباره توی تله فلش گیر میافتیم چون جاوااسکریپت عینا مثل flashplayer یه پیش نیازه برای وبسایت ها ی امروزی. jquery , bootstrap,raphael, velocity, snap همگی نیازمند جاوااسکریپت هستند یا بعبارتی خودشون جاوااسکریپت هستن.

user profile image
تیم پیشگام آی تی در پاسخ به: سعید طاهری
دوشنبه,24 خرداد 1395-10:58

سلام دوست عزیز

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