Генератор фавіконів
Створіть повний пакет фавіконів із логотипа, шрифтової іконки або монограми — favicon.ico, сучасні PNG, іконка Apple touch, іконки PWA, вебманіфест та HTML-фрагмент.
Завантажте логотип, виберіть шрифтову іконку або введіть монограму — ми створимо всі фавікони, потрібні сучасному сайту: від класичного favicon.ico до іконки Apple touch, іконок PWA та готового до вставлення HTML-фрагмента.
Про Генератор фавіконів
Генератор фавіконок створює всі іконки, потрібні сучасному сайту, з одного джерела: завантажте логотип PNG, оберіть шрифтову іконку або введіть монограму. Пакет включає класичний favicon.ico (16, 32 та 48 px), сучасні PNG-фавіконки, 180-піксельну іконку Apple touch, PWA-іконки 192 та 512 px, файл site.webmanifest і фрагмент HTML для секції head.
Стилізація виконується в самому інструменті: оберіть колір фону або залиште прозорість, обріжте до квадрата, заокругленої форми чи кола, налаштуйте відступи та розмір зображення, встановіть колір теми, який використовується інтерфейсом браузера та маніфестом PWA. Живий перегляд показує вашу іконку в реальних контекстах — 16-піксельній вкладці браузера, закладці, плитці Apple touch і іконці PWA.
Усе рендериться на полотні у вашому браузері, а "Генерувати" збирає весь пакет у ZIP-архів із README. Встановлення займає два кроки: розпакуйте в корінь вашого сайту та вставте наданий фрагмент у ваш <head>.
Як використовувати Генератор фавіконів
- Оберіть джерело: завантажте логотип PNG, оберіть шрифтову іконку або введіть монограму.
- Оформіть її — колір фону чи прозорість, форма, відступи та розмір зображення.
- Заповніть назву сайту, коротку назву та колір теми для маніфесту PWA.
- Перевірте попередній перегляд: вкладка браузера, закладка, Apple touch і контексти PWA.
- Натисніть "Генерувати фавіконки" і розпакуйте пакет у корінь вашого сайту.
- Вставте фрагмент HTML з пакета у <head> вашої сторінки.