Робимо favicon для свого блога

favicon.ico — це маленька картинка (іконка) у спеціальному форматі, яка відображається поряд з адресою сайта (блога) у адресному рядку браузера, а також поряд із назвою сайта (блога) в "Закладинках" браузера. Багато хто створює власні фавікони замість стандартної для всіх іконки.

На прінтскрінах ви можете побачити, як виглядає  favicon блога Аз Бука Літери:

  

  

Як і я, ви також маєте можливість створити власний favicon. Я розповім, як намалювати та прилаштувати до блога favicon у декілька простих кроків.

1. Зайдіть на сайт favicon.cc і намалюйте власну іконку. Для цього потрібно тицьнути на кнопочку "Create New Favicon", обрати у правій частині екрана потрібний колір (кольори) і розмалювати поле в клітинку посередині екрана. Під полем для малювання ви відразу будете бачити результат роботи. Малюнок в процесі можна легко редагувати за допомогою інструмента "transparent" (стиральна гумка), що знаходиться під кольоровою палітрою. Готовий favicon потрібно зберегти у файлах вашого комп'ютера за допомогою кнопки "Download Favicon", розташованої під полем для малювання.

2. Ваш  favicon має бути 16х16 пікселів за розмірами, носити назву "favicon" та бути у форматі ico, png або jpg. На сайті favicon.cc  ці вимоги до стандартів при створенні фавікона виконуються автоматично.

3. Готовий favicon завантажте до файлів блога.

Робимо favicon для свого блога: 22 комментария

  1. Можна, будь ласка, докладніше по 3-му пункту. Як саме його завантажити у файли блогу?

  2. Файли, з якими ви будете працювати при створенні заміток, завантажуються у Файли блога. Доступ до них можна отримати, натиснувши на Редагування Файли. Тут ви можете додати новий файл або каталог файлів, а також переміщувати свої файли по каталогах.

    Для того, щоб швидко переглянути будь-який графічний файл у каталозі, достатньо навести курсор мишки на око навпроти файлу.

    Тобто, додаєте фавікон туди, куди зазвичай завантажуєте графічні зображення перед тим, як їх публікувати.

  3. username,

    дякую, що скаааали, будемо над цим працювати) На форумі сьогодні подивлюся.

  4. Щодо відображення фавіконів у Експлорері.

    Він потребує розміщення іконки відразу за назвою домена. Тобто, щоб у файлах сайта фавікон розміщувалася таким чином:

    http://www.yourdomainname.com/favicon.ico

    А не так:

    http://www.yourdomainname.com/resources/favicon.ico

    Для інших браузерів такої проблеми не виникає.

  5. Знайшла остаточну відповідь на це питання 🙂

    Internet Explorer — це єдиний браузер на сьогодні, який відображає іконку сайта тільки якщо його додано до «Favorites»

  6. о-о

    мысль понятна, только вернее будет: IE требует абсолютного пути к файлу, наверное
    jt.net23.net/ — здесь ico лежит аж во как jt.net23.net/img/ico/blox.ico и ничё, отображает

    потому как ,
    а не
    я правильно понял?

    а что прописать полный путь нереально?

    это — БЕЗОБРАЗИЕ!!!!

    🙂 от у вас головная боль…

  7. Ничего не делать — должен отображаться по идее.

  8. А у меня не отображается ( Правда там формат gif

    Но ведь должно работать?

  9. zebra,

    поменяй название формата на .ico

    Все заработает 🙂

  10. я всё ввела, всё сделала, загрузила, а оно не отображает и формат всё то!

  11. bogusheva,

    чому не відображає? 🙂

    kloynu.blox.ua/html — на цьому блозі я його бачу, наприклад. Такий малиновий.

  12. мабуть, Інтернет Експлорер не відображає, таке життя. Інші браузери відображають все коректно.

  13. 😉

    Это не життя, это Гейтс-придурок такой идиотский браузер сделал, который блоксовские иконки не отображает!

    Если у вас лапки к верху уже, я обращаюсь в Microsoft с замечанием конкретнго по Блоксу с его иконками. Пусть им будет стыдно!

    А может и подскажут что?..

    Жду зелёного свистка.

  14. А если вот такую хрень добавить? type=»image/x-icon»

    Народ в head-e вообще вместо одной — две строчки пишет вот такие:

    link rel=»icon» href=»/favicon.ico» type=»image/x-icon» /

    link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon» /

    Тож попробуйте?

  15. zebra,

    у меня в Опере видно. Попробуй очистить кэш, потом на всякий случай закрыть и снова открыть Оперу — должно помочь. У тебя же сейчас название — favicon.ico?

Комментарии запрещены.