جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش درج فاوآیکون ( FavIcon ) برای وب سایت

از سری آموزش های طراحی وب سایت , امروز به آموزش درج فاوآیکون برای سایت میپرازیم .

فاوآیکون ( FavIcon ) همان عکس کوچکی می باشد که بیشتر سایت ها از اون بهره میبرن و میتوان اون رو نماد یا لوگویی از سایت دونست 

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

قرار دادن فاوآیکون برای یک وب سایت الزامی نیست اما طبیعتا به چهره , زیبایی و پرستیژ سایت کمک بسیاری میکند .

 

و اما آموزش :

ابتدا باید تصویر مورد نظر خود را به سایز 16*16 در آورید یا اگر تصویری از قبل ندارید و خود مایل به ساخت آیکون هستید , باید یک تصویر با اندازه 16*16 پیکسل را طراحی کنید .

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

برای این کار یا میتوانید از نرم افزار های تبدیل کننده نظیر axialis و یا وب سایت favicon.cc استفاده نمایید . مسلما وب سایت favicon.cc بسیار راحت تر و سریعتر این کار را برای ما به صورت رایگان انجام میدهد.

حال پس از تبدیل تصویر مورد نظر خود به فرمت ico. کافیست برای قرار گیری در وب سایت خود , مراحل زیر را انجام دهید .

ابتدا نام تصویر خود را به favicon تغییر داده و در root سایت خود آپلود نمایید .

یعنی فایل favicon.ico را در root سایت خود قرار دهید . منظور از root , همان جایی هست که فایل index.html یا index.php سایت شما در آنجا قرار دارد . ( یعنی مثلا در هاست لینوکسی , داخل پوشه public_html یا www یا htdocs )

حال کد زیر را در بالای سایت خود , در بین دو تگ <head> و <head/> قرار دهید .

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

 توجه : حتما تمامی کارکتر های نام عکس را با حروف کوچک بنویسید …

آموزش : وحید مجیدی 

پخش اختصاصی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

11 پاسخ به “آموزش درج فاوآیکون ( FavIcon ) برای وب سایت”

  1. حامد حبيبي گفت:

    آقا وحید آموزشت عالی بود و خیلی ممنون از زحماتی که کشیدی

  2. setaya گفت:

    سلام یه دنیا تشکر وسپاس از راهنمایتون

  3. setaya گفت:

    استاد راستش نمیدونم منظورتون از استاتیک چی هستش ؟اینم وبم http://setaya45.blogfa.com زیاد سر درنمیارم.

    • وحید مجیدی گفت:

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

      • Bia2Box.ir گفت:

        سلام
        دادا کلا نا امیدش نکن
        توی وبلاگ هم میشه این آیکونه رو گذاشت
        منتها آدرس عکس رو میزاری تو یه آپلود سنتر
        بعضی از وبلاگها هم جدیدا به وبلاگ نویساشون فضای آپلود میدن

        ممنون

        • وحید مجیدی گفت:

          تا چند وقت پیش این امکان وجود نداشت . ولی اگر شما میفرمایید که حتما اضافه شده

          با تشکر

  4. setaya گفت:

    سلام روزتون بخیر من برای درج فاو آیکون همه ی مراحل را که گفتید انجام دادم (حال پس از تبدیل تصویر مورد نظر خود به فرمت ico. کافیست برای قرار گیری در وب سایت خود , مراحل زیر را انجام دهید .)حالا نمیدونم چطوری تو وب سایتم قرار بدم؟بایستی تو ویرایش قالب باشه یا ….ممنون میشم راهنماییم کنید

    • وحید مجیدی گفت:

      از مدیریت محتوای خاصی استفاده میکنید یا اینکه سایتتون استاتیک هست ؟

  5. setaya گفت:

    سلام خسته نباشید عالی بود فقط من نمیدونم http://www.favicon.cc/? الان باید تو وبم کدوم قسمت بذارم؟ ممنون میشم کمکم کنید.

  6. علی محرابی گفت:

    آقا خداییش یه دونه باشی .
    تمامی آموزش هات عالی , کامل و به زبان ساده هست

    واسه من تازه کار خوبه

پاسخ دادن به setaya لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *