Генератор favicon
Створюйте favicon у кількох форматах з тексту, емоджі або зображень
Введіть текст або емоджі для перегляду
Швидкі приклади:
Як використовувати ваш favicon
1. Завантажте ваші favicon
Рекомендоване мінімальне налаштування:
- 32×32 PNG - Перейменуйте на favicon.png (найпоширеніше)
- SVG - Перейменуйте на favicon.svg (сучасні браузери, масштабується)
Опціонально (для кращого покриття):
- 16×16 PNG - Перейменуйте на favicon.ico (застарілі браузери)
- 180×180 PNG - Перейменуйте на apple-touch-icon.png (домашній екран iOS)
2. Додайте на ваш веб-сайт
Розмістіть файли в кореневій або публічній директорії вашого сайту та додайте ці теги до HTML head:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Поради
- Використовуйте прості, виразні дизайни, які працюють у малих розмірах
- Емоджі чудово працюють для швидких, впізнаваних іконок
- SVG рекомендовано для сучасних браузерів (масштабується та малий розмір файлу)
- Використовуйте кольори з високою контрастністю для кращої видимості
Пов'язані інструменти
Калькулятор щільності пікселів
Обчисліть PPI/DPI для екранів та друку
Генератор зображень-заповнювачів
Генеруйте налаштовані зображення-заповнювачі для веб-дизайну
Калькулятор співвідношення сторін
Обчисліть та збережіть співвідношення сторін
Створювач візиток
Створюйте професійні візитки з налаштовуваними шаблонами