Як створити favicon із зображення

Favicon – це крихітне зображення, яке браузер показує на вкладці, у закладках і в історії поряд із назвою вашого сайту. Традиційний формат – ICO, невеликий файл піктограми, який розпізнає більшість браузерів без додаткових налаштувань.

Хороший favicon визначають дві речі: він має бути приблизно квадратним і залишатися читабельним, коли його зменшують до розміру нігтя. Тому favicon зазвичай – це одна жирна літера, знак логотипа або проста форма, а не детальна фотографія.

Якщо у вас уже є квадратний логотип, перетворення – це один крок:

• Відкрийте конвертер PNG у ICO і перетягніть туди своє зображення.
• Дочекайтеся перетворення, а потім завантажте файл .ico.
• Додайте його на сайт як favicon.ico або підключіть із вашого HTML.

Починаєте з іншого формату? Скористайтеся конвертером JPG у ICO для фотографії чи плаского логотипа, або SVG у ICO, якщо ваш знак векторний: векторне джерело ідеальне, бо його чисто відмальовують під будь-який розмір, потрібний піктограмі. Кожне перетворення відбувається у вашому браузері, тож зображення ніколи не надсилається.

Піктограма може бути настільки чіткою, наскільки чітким є те, що ви їй дасте. Якщо ваше зображення не квадратне, спочатку обріжте його до квадрата в фоторедакторі, щоб конвертеру не довелося вгадувати: розташуйте важливу частину по центру, а решту приберіть. Спрощуйте перевантажену графіку до однієї сильної форми чи літери, бо дрібні деталі перетворюються на кашу в розмірі favicon.

Якщо ваш логотип існує як векторна графіка, якомога довше зберігайте його як SVG і перетворюйте на ICO в останню чергу: вектори залишаються чіткими, бо їх рендерять точно у потрібному розмірі в пікселях, а не розтягують із маленького растрового зображення. Пов'язану інформацію про чисту растеризацію векторів дивіться в матеріалі перетворення SVG на PNG без втрати якості.