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

Posted on سپتامبر 18, 2008. Filed under: معرفی سایت, آیکون, ابزار وب |

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

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

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

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

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

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

<link rel=»shortcut icon» href=»/favicon.ico» />

و اما اگر این آیکون را برای وبلاگ خود بر روی وردپرس.کام ، بلاگر یا بلاگفا و… می خواهید استفاده کنید پس از اینکه فایل را با نام favicon.ico در یه هاست آپلود کردین، آدرس آیکون آپلود شده را به جای yourHost.com در کد زیر جایگزین کنید:


Make a Comment

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

Liked it here?
Why not try sites on the blogroll...

%d وب‌نوشت‌نویس این را دوست دارند: