سلام.
مدتی بود که دنبال روشی برای نمایش فایل هایی با فرمت های SVG بودم و بالاخره موفق شدم راهی برای این مورد پیدا کنم.
فایل های SVG چیستن ؟
خیلی وقت پیش در طراحی سایت برای اینکه عکس بدون زمینه قرار بدن مثلا ایکن از فرمت GIF استفاده میکردن. یه مدت بعدش از فرمت PNG به شکل های مختلف استفاده میشد.
مثلا یا ایکن مورد نظر رو به صورت تنها با فرمت PNG استفاده میکردن و یا تمامی ایکن های مورد استفاده رو در یک فایل PNG به صورت یکجا قرار میدادن. این مورد دوم برای بارگزاری و سرعت لود سایت خیلی تاثر داشت.
در حال حاضر بیشتر در طراحی های مدرن از ایکن های SVG استفاده میکنن و روش های قبلی یه جورایی رو به منسوخی هست.
ایکن های SVG مثل فونت عمل میکنه. میتونید هنگام کدنویسی سایز بهش بدید، رنگ بهش بدید، با نرم افزارهای حرفه ای مثل ایلاستریتور ادیت کنید و اسفاده کنید.
یکی از تفاوت های مهم SVG با PNG اینه که اگر در صفحه بسیار بزرگ لود بشه خودش به صورت اتومات بزرگ میشه بدون کوچکترین افت کیفیت و همینطور اگر در صفحه بسیار کوچیک موبایل لود بشه بدون هیچ افت کیفیتی سایزش کوچیک میشه.
نمایش پیش نمایش فایل های SVG در فایل اکسپلورر ویندوز
متاسفانه در حال حاضر امکان این نیست که فایل های SVG به صورت دیفالت نمایش داده بشن ( در فایل اکسپلورر ) برای همین لازم هست هر فایل SVG که سیو میکنید در مرورگر یا نرم افزار های حرفه ای مثل فتوشاپ و ایلاستور باز کنید تا ببینید فایل به چه شکل هست.
برای اینکه SVG به صورت مستقیم در اکسپلورر قابل مشاهده باشه باید به این صورت عمل کنید.
به این لینک برید و اکستنشن رو دانلود کنید / در همون مسیر پیشفرض که میده نصب کنید و سیستم رو ریستارت کنید و تموم.
https://svgextension.codeplex.com/
تا نتیجه بشه اینطوری :
حالا دیگه راحت میتونید ببینید فایلتون مربوط به کدوم ایکن هست.
این هم چند مورد از سایت های دانلود ایکن SVG :
تشکر
