У цій статті
Що таке фавікон?
Фавікон (скорочення від «favorite icon») — це маленька іконка, яка відображається у вкладках браузера, списках закладок та на головних екранах мобільних пристроїв поруч із назвою вашого сайту. Це один із перших візуальних елементів брендингу, які помічають відвідувачі, і він відіграє ключову роль у впізнаваності сайту.
Сучасні браузери та пристрої очікують фавікони в різних розмірах — від 16×16 пікселів для вкладок браузера до 512×512 для екранів-заставок Progressive Web App. Надання правильного набору розмірів забезпечує чіткість вашої іконки на кожному пристрої та в кожному контексті.
Як працює наш генератор фавіконів
Генератор фавіконів CheckTown працює повністю у вашому браузері — жодні файли не завантажуються на сервер:
- Завантажте будь-яке зображення (JPEG, PNG або WebP) — бажано квадратний логотип або іконку — перетягуванням або через вибір файлу
- Інструмент генерує всі стандартні розміри (16×16, 32×32, 48×48, 64×64, 128×128, 192×192, 256×256, 512×512) у форматі PNG
- Скопіюйте готові HTML-фрагменти та фрагменти веб-маніфесту, потім завантажте окремі розміри або всі одразу
Спробуйте безкоштовно — реєстрація не потрібна
Згенерувати фавікони →Коли потрібен генератор фавіконів
Кожному сайту потрібні фавікони, і їх правильне створення важливе в кількох контекстах:
- Запуск нового сайту — згенеруйте всі необхідні розміри з одного вихідного зображення, щоб ваш бренд коректно відображався у вкладках, закладках та при встановленні PWA
- Ребрендинг — коли ваш логотип змінюється, перегенеруйте повний набір фавіконів для оновлення всіх точок дотику
- Розробка PWA — Progressive Web Apps вимагають іконки 192×192 та 512×512 у веб-маніфесті для підказок встановлення та екранів-заставок
Часті запитання
Яке зображення використовувати як джерело?
Використовуйте квадратне зображення (співвідношення 1:1) з простим, впізнаваним дизайном. Складні логотипи з дрібним текстом можуть бути нечитабельними у розмірі 16×16. Найкраще підходить мінімалістична іконка або буквена марка. Ідеально — PNG з прозорістю.
Чи потрібні мені всі згенеровані розміри?
Мінімально вам потрібні 16×16 та 32×32 для вкладок браузера, плюс 180×180 для Apple Touch Icon та 192×192 + 512×512 для маніфестів PWA. Інші розміри покращують сумісність із різними браузерами та пристроями.
Чи завантажується моє зображення на сервер?
Ні. Усе масштабування та обробка відбуваються локально у вашому браузері за допомогою Canvas API. Ваше зображення ніколи не покидає ваш пристрій.