رفتن به مطلب

استفاده از فونت ایکن یا ایکن های svg؟؟؟


پست های پیشنهاد شده

سلام دوستان نظرتون بین استفاده از این 3 روش افزودن ایکن به سایت چیه کودوم راه رو پیشنهاد میکنید و دلیلتون چیه؟ 

روش یک استفاده از fortawesome یا همون آیکن فونت

روش دوم استفاده از آیکن های SVG برای سایت که معمولا میشه این نوع آیکنهارو که کیفیتشون هم عالی به دلیل وکتور بودن از سایت http://www.flaticon.com/ دانلود کرد با فرمت های مختلف از جمله SVG 

روش سوم استفاده از چیدن تصاویر آیکن های مختلف با خروجی png در یک  صفحه و بکار بردن اونها با روش background-image      

دوستان لطفا اگه نظری دارید در استفاده از این سه روش بیان کنید و اگه دوست دارید نحوه استفاده از این روشهارو هم با پیوست های مختلف برای دوستان دیگرمون بزارید لطفا .
سپاس

لینک به ارسال

درود...روش اولی بهتره...B)

روش دوم اینه ایکون دیر لود می کنه برای همین مناسب نیست...:mellow:

روش سوم رده خارج شده :D

ویرایش شده توسط RaymondDragon
لینک به ارسال
در هم اکنون، RaymondDragon گفته است :

درود...روش اولی بهتره...B)

روش دوم اینه ایکون دیر لود می کنه برای همین مناسب نیست...:mellow:

روش سوم رده خارج شده :D

دلیلش چیه من بخاطر آسونتر بودن ازش استفاده میکنم ولی من به کدهای css که لود میکنه نگاه کردم دیدم خودش در حد یه نیمچه سایت لود کد داره نظرت چیه؟!

لینک به ارسال

سلام. روش اول که لود یک فونت هست با کمی ویرایش بهترینه.

بعد از اون چیدن تصاویر توی یک فایل بهترین روشه.

 

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

اما روش اول چرا بهترینه چون نیازی نیست حتما کل font awesome رو برید توی صفحه لود کنید، خیلی راحت می تونید از وب سرویس هایی مثل icomoon استفاده کنید و svg هایی که از توی وب جمع کردید در قالب وکتور تک رنگ توی فونتتون خروجی بگیرید.

یا با یک فونت ادیتور توی ویندوزتون هم میتونید این کار رو بکنید.

یا حتی برای جلوگیری از بارگزاری فایل اضافه توی صفحه در صورتی که از فونت با لایسنس رایگان استفاده کردین، مثل مثلا فونت yekan اونو توی یه ویرایش گر فونت مثل نرم افزار font creator باز کنید و جاهایی که مربوط به هیچ کاراکتری نیست آیکون هاتون رو قرار بدید!

 

تنها بدی روش فونت این هست که آیکون هاتون تک رنگ هستن.

 

png در رده دوم هست چون امکان ریسایز کردن تصویر رو ندارید و کیفیتش با ریسایز میاد پایین. اگر هم بخواید سایز تصویر اصلی رو ببرید بالا، حجمش خیلی میره بالا.

 

در نهایت به نظر من بهترین روش همون فونت هست و فقط توی جاهای خاص از آیکون های تصویری استفاده کنید.

 

موفق باشید.

لینک به ارسال
در 13 دقیقه قبل، sasan_dingo گفته است :

دلیلش چیه من بخاطر آسونتر بودن ازش استفاده میکنم ولی من به کدهای css که لود میکنه نگاه کردم دیدم خودش در حد یه نیمچه سایت لود کد داره نظرت چیه؟!

روش که گفتم طوری ایکون طراحی شده که در سرورهای سرعت پایین بتونه راحت لود بشه و این از مزیت فونت ایکون هستش...

کیفیت بالای فونت ایکون و تعداد بسیار ایکون متنوع و حجم کم از ویژگی های فونت ایکونه...

لینک به ارسال
در هم اکنون، RaymondDragon گفته است :

روش که گفتم طوری ایکون طراحی شده که در سرورهای سرعت پایین بتونه راحت لود بشه و این از مزیت فونت ایکون هستش...

کیفیت بالای فونت ایکون و تعداد بسیار ایکون متنوع و حجم کم از ویژگی های فونت ایکونه...

سپاس بسیار مفید بود گفته هاتون.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...