Генератор favicon

Згенеруйте повний набір favicon з одного зображення — favicon.ico, apple-touch-icon, піктограми Android/PWA і HTML-фрагмент — повністю у вашому браузері. Нічого не завантажується.

Конфіденційність понад усе: кожне зображення обробляється локально у вашому браузері. Нічого не завантажується, не зберігається й не передається на жоден сервер.

Усі піктограми, потрібні сучасному сайту, — за один раз

Favicon давно вже не один файл. Браузери читають маленький favicon.ico для вкладок і адресного рядка, iOS хоче apple-touch-icon 180×180 для головного екрана, а Android і встановлювані вебзастосунки беруть PNG на 192 і 512px із вебманіфесту. Цей генератор будує їх усі з одного вихідного зображення й дає готовий до вставляння HTML-фрагмент — тож вам не доведеться експортувати шість розмірів вручну.

Обрамлено, як хочете ви, і збережено приватно

Лишіть піктограму квадратною, заокругліть кути або обріжте її в коло; додайте відступи, щоб логотип не тиснувся до самого краю; і виберіть прозоре чи суцільне тло. Живе прев’ю показує результат у справжніх розмірах favicon, зокрема в макеті вкладки браузера. Оскільки кожен файл генерується на вашому пристрої, ваш логотип — часто ще неоприлюднений брендинг — ніколи не потрапляє на сервер.

Поширені запитання

Чи надсилається моє зображення на сервер для створення фавікона?
Ні. favicon.ico, іконки PNG і маніфест генеруються локально у вашому браузері за допомогою Canvas API. Ваше зображення ніколи не залишає пристрій.
Які розміри та файли я отримаю?
Багатороздільний favicon.ico (16, 32 і 48px), іконки PNG розміром 16, 32, 48, 180 (apple-touch-icon), 192 і 512px, site.webmanifest та фрагмент HTML для вставлення у ваш <head>.
Чи можна конвертувати PNG або SVG в ICO?
Так. Додайте PNG, JPG, SVG або WebP і завантажте справжній favicon.ico. Логотипи SVG спершу растеризуються локально у високій роздільній здатності.
Яке зображення підходить найкраще?
Квадратне зображення з простим контрастним логотипом. Неквадратні зображення обрізаються по центру; використовуйте налаштування відступу та форми, щоб скадрувати його так, як вам потрібно.
Як встановити фавікон?
Розпакуйте пакет у кореневу теку свого сайту та вставте наданий фрагмент HTML у <head> ваших сторінок. favicon.ico більшість браузерів підхоплюють автоматично.