Як зробити фавікон зі свого логотипа?

Перетягніть файл PNG, JPEG, WebP або SVG, задайте параметри «Форма», «Відступ» і «Назва застосунку», потім натисніть «Створити пакет фавіконів (.zip)». Скопіюйте HTML-фрагмент, показаний під «Вставте в head».

Які файли в ZIP із фавіконом?

У favicon-package.zip є favicon.ico, PNG-значки (16, 32, 180, 192 і 512 пікселів), site.webmanifest з назвою вашого застосунку та favicon-snippet.html з тегами link.

Який розмір і формат зображення завантажувати?

Приймаються PNG, JPEG, WebP і SVG, по одному файлу. Для найкращої чіткості використовуйте квадратне зображення щонайменше 512x512; найкраще підходить прозорий PNG або SVG.

Як отримати круглий або заокруглений фавікон?

Після завантаження оберіть «Квадрат», «Заокруглена» або «Коло» в розділі «Форма». Можна також налаштувати «Відступ» від 0 до 25 відсотків і переглянути результат у попередньому перегляді «Вкладка браузера».

Чи завантажується моє зображення і чому створення не вдається?

Значки малюються через Canvas браузера й пакуються JSZip на вашому пристрої. Якщо ви бачите «Не вдалося завантажити це зображення», файл може бути пошкоджений; спробуйте інше зображення або браузер.

Це справді безкоштовно?

Так. Кожен інструмент безкоштовний, без облікового запису та кредитної картки. Робота виконується на вашому пристрої, а не на наших серверах, що й дає змогу залишати її безкоштовною.

Мої файли завантажуються на сервер?

Ні. Ваші файли відкриваються й обробляються всередині браузера та не надсилаються до LibraTool. Деякі інструменти спершу завантажують у браузер рушій обробки або модель ШІ; у цьому завантаженні немає жодних ваших даних.

Працює на мобільних?

Так. Працює в сучасних мобільних браузерах на iOS і Android, нічого встановлювати не потрібно. Дуже великі файли на телефоні можуть оброблятися повільно або не вистачить пам'яті, тож для них краще використати комп'ютер.

🌟

Генератор фавікону — безкоштовно

Перетворіть будь-яке зображення на повний пакет фавіконів: багаторозмірний favicon.ico, значок Apple touch, значки Android/PWA, веб-маніфест і готовий HTML-фрагмент — усе в zip-архіві, у вашому браузері.

Розмір файлу залежить від вашого пристроюФайли залишаються приватнимиРеєстрація не потрібнаБезкоштовно назавжди

Перетягніть файл сюди або натисніть, щоб вибрати

PNG, JPG, WebP, SVG, HEIC, HEIF · обробляється на вашому пристрої

або натисніть Ctrl+V, щоб вставити з буфера обміну

Вибрати файли

Ваші файли ніколи не залишають пристрій. Вся обробка відбувається локально у браузері.

💡 Для найкращого результату завантажте квадратне зображення розміром не менше 512×512. Найкраще підходить прозорий PNG або SVG.

Типові застосування

Створіть Favicon Веб-сайтуСгенеруйте повний набір фавіконок, який очікує кожен браузер та пристрій.
Сгенеруйте Піктограми PWA та ManifestОтримайте піктограми 192px та 512px та web-manifest, який потребує PWA.
Створіть Піктограму Apple TouchСгенеруйте піктограму 180×180, яку iOS використовує під час збереження сайту на головному екрані.
Перетворіть Логотип на FaviconКонвертуйте ваш брендовий логотип на чистий, впізнаваний favicon.
Сгенеруйте Favicons для Будь-якої FrameworkОтримайте готові файли favicon для React, Next.js, WordPress та інших.

Як це працює

Інструмент перетворює будь-який PNG, JPEG, WebP або SVG на повний пакет favicon — багаторозмірний .ico, Apple touch icon, значки Android/PWA, вебманіфест і готовий до вставлення фрагмент HTML — повністю у вашому браузері за допомогою Canvas API і JSZip. Нічого не завантажується; увесь рендеринг і збирання файлів відбувається локально.

1
Canvas масштабує зображення
Браузер малює вихідне зображення на позаекранних елементах HTML Canvas у кожному потрібному розмірі (16, 32, 48, 180, 192 і 512 px). SVG без явних атрибутів width/height спершу нормалізуються через DOMParser і XMLSerializer, щоб Firefox і Chrome давали однаковий піксельний результат, а не порожнє полотно.
2
Власноруч написаний кодувальник ICO пакує файл .ico
Малі записи ICO (16, 32, 48 px) кодуються як сирі 32-бітні растри DIB у форматі BGRA — BITMAPINFOHEADER плюс рядки XOR знизу вгору й маска AND 1bpp, — бо компоненти оболонки Windows потребують нестисненого формату DIB у цих розмірах. Інструмент записує заголовок каталогу ICO й об’єднує записи повністю через DataView і Uint8Array, без зовнішньої бібліотеки ICO.
3
Результати PNG створюються через canvas.toBlob
Кожен варіант PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) отримується викликом canvas.toBlob з 'image/png', що доручає кодування без втрат вбудованому рушію зображень браузера. Необов’язкові відступи, колір тла й обрізання за формою (квадрат, заокруглений чи коло) застосовуються до контексту полотна перед захопленням.
4
JSZip пакує все в одне завантаження
JSZip збирає всі згенеровані файли — favicon.ico, п’ять PNG, site.webmanifest з назвою вашого застосунку й favicon-snippet.html з правильними тегами <link> — в один blob .zip, який автоматично завантажується на ваш пристрій.

Ваше зображення завантажується прямо в Canvas API браузера й ніколи не залишає пристрій — жодні дані файлу не передаються на сервер на жодному етапі.

Схожі інструменти

🖼️

Конвертер PNG у ICO-фавікон

Конвертуйте зображення PNG, JPG, WebP або SVG у багаторозмірні файли фавікону .ico. Вибирайте потрібні розміри (16, 32, 48, 64, 128, 256) та завантажуйте єдиний .ico.

СпробуватиФайли залишаються локально

🎞️