Якщо відкрити який-небудь сайт, наприклад, Google, Yahoo або wikiHow, зліва від адресного рядка ви побачите маленький значок. Він називається favicon або піктограмою веб-сайту. Такий значок можна створити для свого сайту. Майте на увазі, що значки сайтів відображаються в закладках у сторінок, які користувачі додають в закладки, що полегшує пошук потрібних сайтів.
Кроки
Створіть картинку розміром 16x16 пікселів.зробіть її простою і легко впізнаваною.-
Перетворіть картинку В файл favicon.ico.файл повинен називатися саме так-в іншому випадку браузер не розпізнає його. Щоб перетворити файл, скористайтеся онлайн-конвертером Dynamic Drive favicon Generator. Також можна використовувати безкоштовний графічний редактор GIMP, щоб зберегти картинку розміром 16x16 у форматі ICO.
-
Завантажте отриманий файл на свій веб-сайт.
-
Додайте код в HTML-файл свого сайту.введіть код у розділі &#lt;head &#gt; і переконайтеся, що шлях до файлу вказано вірно. Далі наведено код (за умови, що файли HTML і ICO знаходяться в одному кореневому каталозі):
- &#lt;link rel="shortcut icon" href="favicon.ico" /&#gt;
-
Оновіть сторінку.зверніть увагу, що на вкладці відобразився новий значок сайту.
Поради
- Значок дуже маленький, тому він повинен бути простим і легко впізнаваним.
- В Linux картинку можна швидко перетворити в ICO-файл. Для цього відкрийте термінал, перейдіть в каталог з картинкою і введіть:convert picture.png -resize 16x16! favicon.ico (замість picture.PNG підставте ім'я своєї картинки).
Попередження
- Пам'ятайте, що значки сайтів відображаються тільки в Internet Explorer 5.0+, Netscape 7.0+, Opera 7.0+, Firefox, Safari і Chrome. Застарілі версії браузерів не підтримують значки сайтів. Більш того, щоб значок сайту відобразився в адресному рядку Internet Explorer 5.0+, спочатку сторінку потрібно додати в обране – тепер, коли користувач відкриє цю сторінку, в адресному рядку з'явиться значок сайту. Також користувачі повідомляють про проблеми зі значками сайтів в Safari.
