Генератор favicon
Генератор фавіконок перетворює один-два символи або емодзі на favicon з обраним кольором фону, тексту та формою й експортує файли PNG розміром 256, 128, 64, 32 і 16 px.
Про цей інструмент
Генератор фавіконок перетворює один-два символи або емодзі на favicon з обраним кольором фону, тексту та формою й експортує файли PNG розміром 256, 128, 64, 32 і 16 px.
Як користуватися
- Введіть одну-дві літери або вставте емодзі.
- Оберіть колір фону й тексту.
- Виберіть форму: квадрат, заокруглений квадрат або коло.
- Завантажте потрібні розміри PNG.
Корисно знати
- Браузери показують фавіконки на вкладках розміром 16 × 16 px, тож найкраще читаються прості й виразні форми.
- Сучасні браузери приймають PNG-фавіконки через <link rel="icon" type="image/png" href="/favicon-32.png">.
- Apple touch icon зазвичай має розмір 180 × 180 px; для цього можна зменшити експорт 256 px.
- Малюються лише перші два символи тексту.
- Зображення малюються за допомогою Canvas API на вашому пристрої.
Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.
Поширені запитання
Якого розміру має бути favicon?
Підготуйте щонайменше 32 × 32 px для вкладок браузера, а також більші розміри: 180 px для Apple touch icon і 192 або 512 px для маніфестів вебзастосунків.
Як додати favicon на сайт?
Завантажте PNG на сервер і додайте <link rel="icon" type="image/png" href="/favicon-32.png"> у head вашого HTML.
Чи можна використати емодзі як favicon?
Так. Вставте емодзі в текстове поле й завантажте PNG; його буде намальовано шрифтом емодзі вашої системи.
Чи потрібен ще файл favicon.ico?
Для сучасних браузерів — ні, вони приймають PNG. Деякі старіші інструменти та браузери все ще шукають /favicon.ico, тому багато сайтів залишають його для сумісності.