یک Favicon برای وبسایتتان بسازید

اگر از مرورگرهای جدید تر از IE6 استفاده کرده باشید حتما دیدید که در هر سایتی وارد می شید در کنار نوار آدرس، آیکون کوچکی وجود داره که نمایانگر لوگو و نماد همون سایت هست. به عنوان مثال اگر شما با مرورگر کروم وارد این سایت بشین نماد وبلاگ به صورت زیر در تب مرورکر کروم نمایش داده می شود:



و اگر با مرورگر فایرفاکس وارد بشین لوگوی بلاگر در کنار نوار آدرس نمایش داده می شود:



این آیکون ها دارای پسوند ico هستند که تولید کردن این فرمت حتی با استفاده از برنامه های قوی گرافیکی همچون فتوشاپ کار چندان راحتی نیست. حال در این پست به معرفی سایتی می پردازیم که به صورت آنلاین قادر است عکس و لوگوی وب سایت شما که به صورت jpg یا gif یا png است را به فرمت ico تبدیل کنند.







ابتدا به سایت genfavicon وارد میشین. در مرحله 1 همان طور که در شکل می بینید لوگوی وبلاگتون رو در اون سایت آپلود می کنید سپس دکمه upload image را کلیک می کنید و در مرحله 2: قسمتی از لوگوتون رو که می خواید به صورت آیکون در بیاد انتخاب می کنید همچنین در این قسمت می تونید سایز آیکون رو تعیین کنید (32x32 , 48x48 , 64x64 , 128x128).



چگونه از این آیکون استفاده کنیم؟


اگر این آیکون را برای وب سایت شخصی می خواهید استفاده کنید فایل دریافت شده از سایت genfavicon را با نام favicon.ico در شاخه اصلی هاستتون آپلود کنید سپس کد زیر را در header قالب وبسایتتون اضافه کنید.

<link rel="shortcut icon" href="/favicon.ico" />
و اما اگر این آیکون را برای وبلاگ خود بر روی وردپرس.کام ، بلاگر یا بلاگفا و... می خواهید استفاده کنید پس از اینکه فایل را با نام favicon.ico در یه هاست آپلود کردین، آدرس آیکون آپلود شده را به جای yourHost.com در کد زیر جایگزین کنید:



0 نظرات:

ارسال یک نظر