Генератор фавіконів

Зберіть повний пакет фавіконів у браузері: справжній багатороздільний favicon.ico, PNG від 16 до 512 px, site.webmanifest і фрагмент HTML.

Завантаження інструмента…

Генератор фавіконів — Перетягніть одне зображення PNG або JPG і миттєво зберіть повний пакет фавіконів: справжній багатороздільний favicon.ico (16/32/48), квадратні PNG-іконки від 16 до 512 px, файл site.webmanifest і готовий до вставлення фрагмент HTML для head. Оберіть квадратну, заокруглену або maskable форму, додайте заливку тла та відступ, а потім завантажте будь-який окремий розмір, файл .ico чи весь пакет у вигляді ZIP. Усе виконується локально у вашому браузері — зображення ніколи не завантажується на сервер.

Що таке Генератор фавіконів?

Favicon Generator — це безкоштовний браузерний інструмент для створення фавіконів, який перетворює одне зображення PNG або JPG на повний, готовий до публікації пакет фавіконів. Його створено для розробників, вебдизайнерів і власників сайтів, яким потрібні фавікони швидко — для HTML, WordPress, PWA або іконок Apple touch, без встановлення програм і реєстрації. Він об'єднує справжній багатороздільний favicon.ico (16, 32 і 48 px), квадратні PNG-іконки розміром 16, 32, 48, 180 (Apple touch) і 192/512 px (Android/PWA), файл site.webmanifest і фрагмент HTML для head, усе з високоякісним рендерингом на canvas. Користуйтеся ним щоразу, коли потрібно перетворити логотип чи зображення на кожен файл фавікона, потрібний сучасному сайту, повністю на власному пристрої.

Як користуватися Генератор фавіконів

  1. Перетягніть зображення PNG або JPG у зону завантаження або клацніть по ній, щоб вибрати файл на пристрої.
  2. Відкрийте шестірню налаштувань, щоб обрати квадратну, заокруглену або maskable форму, увімкнути колір заливки тла та задати відступ від країв.
  3. Зачекайте, поки інструмент відрендерить кожен розмір, збере багатороздільний favicon.ico й створить site.webmanifest і фрагмент HTML.
  4. Клацніть по будь-якій мініатюрі, щоб відкрити лайтбокс зі збільшенням, або скопіюйте фрагмент HTML для <head> і текст маніфеста прямо з їхніх панелей.
  5. Скористайтеся кнопкою для окремого розміру, щоб зберегти один PNG, кнопкою .ico для набору іконок або «Завантажити пакет», щоб отримати все в ZIP.
  6. Натисніть скидання, щоб очистити поточне зображення й почати спочатку з новим.

Приклади

Від логотипа до повного пакета фавіконів

Перетягніть логотип PNG й отримайте favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png і site.webmanifest, а також відповідний фрагмент <head> — усе запаковано в favicon-package.zip.

Maskable-іконка Android

Перемкніть форму на maskable й увімкніть біле тло: інструмент додає відступ безпечної зони і задає purpose іконки в маніфесті як "maskable", щоб Android міг обрізати її в коло або сквіркл, не обрізаючи ваш логотип.

Заокруглена іконка з відступом

Оберіть заокруглену форму та близько 12% відступу, щоб отримати м'яко обрізані кути з простором навколо рисунка — у стилі сучасних іконок застосунків.

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

favicon.ico — це справжня багатороздільна іконка?
Так. Інструмент пакує PNG розміром 16, 32 і 48 px в єдиний контейнер favicon.ico, що записується побайтно у вашому браузері, тож один файл .ico віддає всі три роздільності вкладкам браузера й закладкам.
Які файли є в ZIP-пакеті?
ZIP містить favicon.ico, PNG-іконки (16, 32, 48, 180, 192 і 512 px із загальноприйнятими іменами) і site.webmanifest. Вставте наданий фрагмент HTML для <head>, щоб під'єднати їх до вашої сторінки.
Що роблять параметри форми та відступу?
Квадратна зберігає звичайну квадратну іконку, заокруглена обрізає кути, а maskable додає відступ безпечної зони й позначає іконки маніфеста як maskable для Android. Відступ зменшує рисунок усередині кожного квадрата, а заливка тла зафарбовує простір за ним.
Які формати зображень можна завантажити?
Ви можете перетягнути або вибрати одне зображення PNG чи JPG. Інструмент зчитує це одне вихідне зображення й відрендерить із нього кожен вихідний розмір, favicon.ico і маніфест.
Чи завантажується моє зображення на сервер?
Ні. Усе виконується локально у вашому браузері за допомогою Canvas API — PNG-іконки, контейнер favicon.ico і ZIP створюються на вашому пристрої, тож зображення ніколи не завантажується.

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

Конвертер форматів зображень

Конвертуйте зображення між AVIF, WebP, PNG, JPEG, BMP, ICO та однокадровим GIF прямо в браузері.

Excel/CSV у JSON

Перетворіть таблицю Excel або CSV на JSON чи CSV прямо у браузері.

Перегляд EXIF і видалення метаданих

Переглядайте EXIF-метадані зображення — камеру, обʼєктив, дату зйомки та GPS-розташування — потім видаляйте кожен тег і завантажуйте чисту копію, усе у вашому браузері.

Створення GIF

Обʼєднайте зображення PNG або JPEG в анімований GIF у браузері — тайминг по кадрах, власний розмір, прозорий чи кольоровий фон, дизеринг і бумеранг.