Як створити іконку сайту favicon.ico і навіщо вона потрібна?

Наша взаимовыгодная связь https://banwar.org/

У більшості сайтів єпіктограма, що відображається в браузері у вкладці, в списку закладок, в адресному рядку. Іконку сайту відображають пошукові системи в результатах запитів. Будь-розробник сайту, якщо відноситься до цієї справи з усією серйозністю, обов'язково зробить іконку. Піктограма завжди називається favicon.ico і розташовується зазвичай в кореневій папці сайту.

Піктограму сайту називають також іконкою, значком, маркером. Формат файлу з іконкою сайту аналогічний звичайним іконка, що використовується в Windows, наприклад, на робочому столі, і має розширення ICO. Піктограми сайту можуть зберігатися як в окремому файлі в корені сайту, так і в .dll або .exe файлах.

Якщо немає можливості розмістити файл favicon.ico в кореневій папці сайту, можна вказати браузеру на розташування іконки сайту. Для цього в html-коді сторінки в заголовку додаємо наступний рядок:
<link rel = «icon» href = "url-адреса /favicon.ico" type = "image / x-icon»>
<link rel = «shortcut icon" href = "url-адреса /favicon.ico" type = "image / x-icon»>
Тут замість url-адреса потрібно вписати абсолютний адресу до файлу favicon.ico.

Розмір іконки сайту становить 16х16 пікселів. Як бачимо, це дуже маленьке зображення, так що детальний малюнок вмістити в 16 пікселів не представляється можливим. Саме тому іконки сайту завжди прості, з невеликою кількістю квітів. Хоча ніщо не заважає зробити іконку більшого розміру, наприклад 32x32 або 48x48, але в цьому випадку браузер сам зменшить розмір до 16x16 і в результаті зображення може тільки погіршитися. З іншого боку, якщо користувач переносить піктограму сайту на свій Робочий стіл, щоб мати посилання на сайт завжди під рукою, розмір 32x32 стає зручнішим. Глибина кольору у іконок зазвичай 4, 8 або 32 біта що відповідає 16 квітам, 256 або TrueColor.

Найкращий варіант для іконки сайту - 16-кольорова з розміром 16x16 пікселів.

Зауважимо, що деякі сучасні браузери підтримують анімовані піктограми сайту в форматі GIF і PNG. Напевно в мережі зустрічалися сайти з анімованими іконками, що відразу звертає увагу користувача.

З'ясувавши всі технічні питання, перейдемо до практичних.

Як зробити іконку сайту? Тут є два шляхи. Або малюємо піктограму самостійно, або шукаємо в мережі найбільш підходяще зображення, щоб потім обробити його в будь-якому графічному редакторі.

Найбільш придатними будуть редактори іконок, адже вони «заточені» під створення невеликих картинок і дозволяють відкривати і зберігати в форматі ICO. Можна порекомендувати графічні редактори IcoFX або IconCool Studio. Хоча з цим завданням цілком можуть впоратися і такі відомі програми, як Adobe Photoshop або Paint. Якщо редактор вміє зберігати в форматі ICO, чудово. В іншому випадку спочатку можна зберегти іконку в форматі JPG, BMP або PNG. А потім вже переконвертіровать її в ICO. Для цієї мети найбільше підійде онлайновий сервіс favicon.ru/. Описувати детально роботу з сервісом не будемо, так як все гранично просто і зрозуміло. Якщо коротко, то завантажуємо файл в онлайн-редактор, натискаємо [Створити favicon.ico!], Потім [Редагувати іконку] і вказуємо пікселі, які будуть прозорими, потім тиснемо [Зберегти зміни] і [Create favicon]. Нам буде запропоновано завантажити файл, що ми і робимо.

Останнє, що залишається - це скопіювати файл favicon.ico на свій сайт. Зробити це можна або по FTP, або через C-panel. Деякі CMS також дозволяють завантажити іконку сайту.