تبلیغات
فرشته مهربانی - ساخت favicon
فرشته مهربانی
هرچیزی که بخوای
صفحه نخست       پست الکترونیک          تماس با ما              ATOM            طراح قالب
گروه طراحی قالب من گروه طراحی قالب من گروه طراحی قالب من گروه طراحی قالب من گروه طراحی قالب من
درباره وبلاگ


هرچیزی که توبخوای درهرزمینه ای

مدیر وبلاگ :محمدامین نجفی فینی
نظرسنجی
به نظرشمادربازی جمعه پرسپولیس-استقلال چه نتیجه ای رغم خواهدخورد؟




با سلام و آرزوی داشتن سالی خوب و پربار برای همه دوستان

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

favicon چیست ؟

Favicon

حتما بسیاری از شما وقتی سایتی را باز می کنید متوجه یک آیکان کوچک در کنار آدرس بار مرورگر خود شده اید. هر سایت برای خود یک طرح مشخص دارد و معمولا هم تا حدی با لوگوی آن سایت در ارتباط است تا کاربر به راحتی با دیدن آن به خاطر بیاورد که مربوط به چه سایتی است.

چگونه آنرا بسازیم ؟

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

سایز این آیکان 16×16 هست و فرمت آن ico. می باشد.

برای ساخت آن در فتوشاپ می توانید این پلاگین را دانلود کنید و آنرا در فولدر plugins فتوشاپ خود کپی کنید.

به خاطر اینکه سایز 16×16 برای ویرایش تصویر خیلی کوچک هست، می توان از اندازه های بزرگتر ابتدا استفاده کرد و سپس موقع خروجی گرفتن سایز را به 16×16 تبدیل کرد. سپس از منوی save as فتوشاپ فرمت ICO را انتخاب کنید.

Save As .ICO

استفاده از سایتهای تولید favicon

راه دیگه برای ساخت آیکان استفاده از سایتهایی هست که این امکان را به شما می دهند، یکی از این سایتها favicon.cc هست. در این سایت هم می توانید خودتان از ابتدا یک آیکان طراحی کنید و یا اینکه تصویر مورد نظر خودتان را import کنید و آنرا ویرایش کنید و در نهایت export کنید.

یکسری سایت هم وجود دارن که گالری از favicon ها را جمع آوری کرده اند، از جمله FreshFavIcon و FineIcons. خودتان هم با کمی جستجو می توانید آیکانهای متنوعی را پیدا کنید.

نحوه قراردادن در وب سایت

برای قراردادن آیکان در وب سایت باید تصویر را در فولدر دلخواه خود با نام favicon.ico قرار دهید و سپس کد زیر را در قسمت head وب سایت تایپ نمایید :

1 <link rel="icon" type="image/x-icon" href="/favicon.ico" />





صفحات جانبی
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
امکانات جانبی