Генератор favicon
Перетвори будь-яке зображення на повний набір favicon: .ico, PNG різних розмірів, Apple touch icon і web manifest, все генерується прямо в браузері.
Пов'язані інструменти
Як користуватися Генератор favicon
- 01
Завантаж квадратне зображення. Найкраще підходить простий логотип або іконка, обробка відбувається прямо в браузері.
- 02
За бажанням вибери фон і введи назву сайту для web manifest.
- 03
Завантаж ZIP і встав HTML-фрагмент у head своєї сторінки.
Що таке favicon
Favicon це маленька іконка, яку показують у вкладках браузера, закладках і на головних екранах телефонів. Це крихітна деталь, від якої сайт виглядає завершеним і впізнаваним, і сучасні браузери очікують кілька її версій.
Чому одного зображення замало
У цьому й заковика: одного зображення вже недостатньо. Вам потрібен багаторозмірний .ico для класичних браузерів, окремі розміри PNG, іконка Apple touch для головних екранів iOS, більші PNG для Android і вебманіфест, якщо сайт має бути встановлюваним.
Цей генератор будує весь набір з одного зображення, включно зі справжнім багаторозмірним .ico, і дає точний фрагмент HTML, який можна вставити в розділ head вашої сторінки, тож вам не доведеться нічого збирати чи писати вручну.
Яке зображення завантажувати
Для найкращого результату завантажте квадратне зображення щонайменше 512 пікселів, бажано простий логотип чи знак, а не деталізоване фото, оскільки іконку часто показують дуже маленькою. Неквадратне зображення центрується і доповнюється до квадрата, тож деталі біля країв можуть опинитися на полях.
Колір тла і назва сайту
За бажанням ви можете задати колір тла і назву свого сайту. Назва сайту потрапляє у вебманіфест, який використовується, коли хтось додає сайт на головний екран.
Працює у вашому браузері
Усе працює локально у вашому браузері за допомогою Canvas API, тож ваше зображення ніколи не завантажується. Ви отримуєте ZIP з усіма файлами і фрагментом для вставлення.
Поширені запитання
Що входить до пакету favicon?
Файл favicon.ico із розмірами 16, 32 і 48 px, окремі PNG 16 і 32 px, Apple touch icon 180 px, PNG 192 і 512 px для Android, site.webmanifest і HTML-фрагмент для вставки в head сторінки.
Яке зображення завантажувати?
Найкраще підходить квадратне зображення розміром не менш як 512 px, бажано простий логотип або знак. Неквадратне зображення буде відцентровано і доповнено до квадрата, тому деталі біля країв можуть опинитися у полях.
Чи завантажуються мої зображення на сервер?
Ні. Іконки генеруються в браузері за допомогою Canvas API, тому зображення ніколи не залишає твій пристрій.