Генератор фавіконів
Будь-яке зображення або літера → повний пакет фавіконок.
Згенерувати повний набір фавіконів
Завантажте логотип або введіть літеру/емодзі, виберіть форму фону та колір, і завантажте один ZIP із favicon.ico, усіма розмірами PNG (16 → 512), іконкою Apple Touch, готовим site.webmanifest та HTML-тегами — все рендериться локально у вашому браузері.
Генератор фавіконів перетворює одне джерело — логотип, фото, або просто жирну літеру чи емодзі — на повний набір іконок, необхідний сучасному веб-сайту: favicon.ico для застарілих браузерів та адресних рядків, PNG розміром від 16 до 512, 180px Apple touch іконка для домашніх екранів iOS, іконки Android Chrome, готовий site.webmanifest та точні HTML-теги для вставки у ваш <head>. Один клік, один ZIP, готово.
Попередній перегляд у реальному часі показує вашу іконку в реальних розмірах — включаючи макет вкладки браузера — тому що сувора правда про фавікони полягає в тому, що вони повинні витримувати 16×16 пікселів. Режим літери існує саме з цієї причини: жирна початкова літера на кольоровому закругленому квадраті є найбільш читабельним, що можна помістити у вкладку. Все рендериться та архівується локально у вашому браузері; ваша робота ніколи не залишає пристрій.
Поширені запитання
Які файли веб-сайту насправді потрібні у 2026 році?
Favicon.ico (16/32/48 в одному файлі), PNG-версії favicon у 16/32/48, apple-touch-icon.png у 180px, іконки Android Chrome у 192 і 512, та site.webmanifest, який на них посилається. Саме це містить ZIP, а також HTML-теги.
Куди покласти файли?
Завантажте все в корінь вашого веб-сайту (щоб /favicon.ico розпізнавався), потім вставте надані теги в <head> ваших сторінок. Файл html-snippet.txt у ZIP-архіві містить їх готовими.
Чому мій чудовий логотип виглядає як шум при 16px?
Деталь не витримує 256 пікселів загальної площі. Збільште відступи або перемкніться в режим літери — один жирний символ на суцільному фоні залишається читабельним там, де повний логотип не може.
Що таке файл ICO і чому він містить три розміри?
ICO — це контейнерний формат: браузери обирають найбільш підходящий розмір зсередини (16 для вкладок, 32 для панелей завдань, 48 для ярликів). Генератор вбудовує всі три як повнокольорові зображення з прозорістю.
Чи зберігається прозорий фон?
Так — оберіть форму 'Прозорий', щоб зберегти альфа-канал вашого джерела в кожному PNG та в ICO. Формовані фони (квадрат/заокруглений/коло) існують для джерел, які потребують суцільного тла.
Для чого потрібна іконка Apple touch?
Коли хтось додає ваш сайт на головний екран iOS, це зображення 180×180 стає іконкою програми. iOS сама заокруглює кути, тому суцільний квадратний дизайн підходить найкраще.
Чи можу я використати емодзі як фавікон?
Так — перемкніться в режим літери та введіть будь-який емодзі. Він відображається шрифтом емодзі вашої системи на обраній формі та кольорі. Це законний, запам'ятовуваний варіант для особистих сайтів.
Чи завантажується мій логотип?
Ні. Рендеринг, кодування ICO та пакування ZIP відбуваються всередині вашого браузера — інструмент працює в автономному режимі після завантаження.