Генератор favicon
Перетворіть логотип на повний набір favicon за один крок: багаторозмірний favicon.ico, Apple touch icon на 180 px, іконки 192 і 512 px для Android і вебзастосунків, а також HTML-рядки для вашого сайту. Зображення обробляється локально.
Перетягніть зображення сюди
або
Файли обробляються на вашому пристрої. Нічого не завантажується.
0 байтів завантажено
Як створити favicon
- 1
Перетягніть квадратний логотип, бажано від 512×512 px, у форматі PNG, JPG чи WebP.
- 2
За бажанням оберіть розміри всередині favicon.ico (за замовчуванням 16, 32 і 48 px).
- 3
Завантажте ZIP, покладіть файли в корінь сайту й вставте HTML-фрагмент.
Що входить до набору favicon
Браузери й операційні системи шукають іконки в кількох місцях: favicon.ico в корені сайту, PNG-іконки, оголошені в <head> сторінки, та Apple touch icon для ярликів на головному екрані iPhone і iPad. Генератор створює їх усі з одного зображення, зберігаючи прозорість.
Неквадратні зображення розміщуються по центру прозорого квадрата, а не розтягуються. Для найчіткіших маленьких іконок беріть простий, контрастний логотип — дрібні деталі зникають на 16 px.
Приватність за замовчуванням
- Обробка на вашому пристрої — файли ніколи не завантажуються.
- Працює без інтернету після завантаження сторінки.
- Без обмежень на кількість і розмір файлів — лише можливості вашого пристрою.
Часті запитання
Які файли я отримаю?
favicon.ico (16, 32 і 48 px в одному файлі), favicon-32x32.png, apple-touch-icon.png (180 px), icon-192.png та icon-512.png.
Куди класти файли?
Завантажте їх у кореневу папку сайту, щоб вони були доступні за адресами /favicon.ico, /apple-touch-icon.png тощо. Потім вставте теги <link> у <head> сторінок.
Для чого іконки 192 і 512 px?
Їх використовують Android і вебзастосунки, які можна встановити (PWA). Вкажіть їх у маніфесті вебзастосунку, якщо він у вас є.
Чи можна використати логотип у SVG?
Спершу конвертуйте його в PNG інструментом SVG у PNG з розміром від 512 px, а потім використайте PNG тут.
Чи завантажується мій логотип?
Ні. Усі іконки створюються у вашому браузері й одразу зберігаються на ваш пристрій.