Як створити favicon.ico: 5 кроків (з ілюстраціями)

Якщо відкрити який-небудь сайт, наприклад, Google, Yahoo або wikiHow, ліворуч адресного рядка ви побачите маленький значок. Він називається favicon або значком веб-сайту. Такий значок можна створити для свого сайту. Майте на увазі, що значки сайтів відображаються в закладках у сторінок, які користувачі додають в закладки, що полегшує пошук потрібних сайтів.

кроки

1. Створіть картинку розміром 16x16 пікселів. Зробіть її простий і легко впізнаваною.

2. Перетворіть картинку в файл favicon.ico. Файл повинен називатися саме так - в іншому випадку браузер не розпізнає його. Щоб перетворити файл, скористайтеся онлайн-конвертеромDynamic Drive FavIcon Generator. Також можна використовувати безкоштовний графічний редактор GIMP, щоб зберегти картинку розміром 16x16 в форматі ICO.

3. Завантажте отриманий файл на свій веб-сайт.

4. Додайте код в HTML-файл свого сайту. Введіть код в розділі і переконайтеся, що шлях до файлу вказано вірно. Далі наведено код (за умови, що файли HTML і ICO знаходяться в одному кореневому каталозі):

5. Оновлення сторінку. Зверніть увагу, що на вкладці відобразився новий значок сайту.

Поради

Значок дуже маленький, тому він повинен бути простим і легко впізнаваним.
У Linux картинку можна швидко перетворити в ICO-файл. Для цього відкрийте термінал, перейдіть в каталог з картинкою і введіть: convert picture.jpg -resize 16x16! favicon.ico (Замість picture.jpg підставте ім`я своєї картинки).

попередження

Пам`ятайте, що значки сайтів відображаються тільки в Internet Explorer 5.0 +, Netscape 7.0 +, Opera 7.0 +, Firefox, Safari і Chrome. Застарілі версії браузерів не підтримують значки сайтів. Більш того, щоб значок сайту відобразився в адресному рядку Internet Explorer 5.0 +, спочатку сторінку потрібно додати в обране - тепер, коли користувач відкриє цю сторінку, в адресному рядку з`явиться значок сайту. Також користувачі повідомляють про проблеми зі значками сайтів в Safari.