Генератор favicon
Перетворіть будь-яке зображення на favicon.ico та повний набір іконок PNG і маніфесту
Про цей інструмент
Перетягніть одне зображення — найкраще квадратний логотип на 512px або більше — і отримайте повний набір фавіконів: favicon.ico з 16, 32 і 48 px для вкладок і закладок, PNG стандартних розмірів включно зі 180-піксельною іконкою Apple touch і 192/512-піксельними іконками PWA, стартовий site.webmanifest і теги <link> для вставляння у ваш <head>. Одне завантаження ZIP містить усе, з назвами точно такими, як очікують домовленості.
Дрібниці, які підручники про фавікони плутають, тут враховано: ICO містить записи, стиснуті як PNG (підтримка всюди починаючи з Windows Vista, і це значно менше за старі BMP-іконки); іконка Apple touch зводиться на обраний вами колір тла, бо iOS замінює прозорість чорним; а іконки PWA зберігають альфа-канал. Неквадратні джерела обрізаються по центру, а не сплющуються.
Зменшення логотипа до 16px руйнівне за своєю природою — дрібні деталі просто не виживають, — тож ряд попереднього перегляду показує кожен розмір у справжніх пропорціях, щоб ви оцінили розбірливість до випуску. Усе малюється на локальному canvas, а контейнери ICO/ZIP збираються побайтово на сторінці; ваш логотип нікуди не вивантажується.
Часті запитання
- Які розміри фавіконів справді потрібні у 2026 році?
- Менше, ніж каже фольклор: favicon.ico з 16/32/48 для сумісності та адресного рядка, один apple-touch-icon.png на 180px і PNG на 192/512px, на які посилається вебманіфест. Сучасні браузери обирають найкращий варіант саме з цього набору — набори з 20 файлів, які видають деякі генератори, це карго-культ.
- Чому мій логотип нерозбірливий на 16px?
- Шістнадцять пікселів — це нещадно мало: словесні знаки, тонкі штрихи й делікатні градієнти розчиняються. Сильні фавікони зводять бренд до одного жирного знака чи форми з високою контрастністю. Якщо попередній перегляд на 16px тут — місиво, обріжте щільніше до характерної частини знака або зробіть спрощений варіант для малих розмірів.
- Чи потрібен досі файл .ico, чи вистачить PNG-фавіконів?
- Кожен сучасний браузер приймає PNG-фавікони, але /favicon.ico досі є шляхом, який агенти користувача, кравлери й старіші інструменти запитують наосліп. Віддати там справжній ICO коштує кілька кілобайтів і прибирає цілий клас 404-х і дивацтв із запасними варіантами — тримайте його поруч із посиланнями на PNG.
- Навіщо іконці Apple touch колір тла?
- iOS не малює прозорість в іконках домашнього екрана — яка б альфа не була у вашому PNG, її зведуть на чорне. Попереднє зведення на обраний вами колір лишає результат навмисним. Оберіть тло, що пасує іконці, і пам’ятайте: iOS сама заокруглює кути, тож подавайте суцільний квадрат.