Конвертувати зображення у favicon

Перетворіть фото чи логотип на повний набір favicon — favicon.ico, apple-touch-icon і PNG для вебзастосунків — просто у вашому браузері, нічого не завантажуючи.

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

З одного зображення — повний набір

Перетягніть будь-яке зображення й отримайте кожну піктограму, потрібну сайту: багаторозмірний favicon.ico для вкладок, apple-touch-icon на 180px для iOS, PNG на 192 і 512px для Android і PWA, вебманіфест і HTML, щоб їх під’єднати. Неквадратні зображення обрізаються по центру, а елементи керування формою, відступами й тлом дають змогу обрамити результат.

Приватність за самою архітектурою

Сайти-генератори favicon зазвичай спершу завантажують вашу графіку до себе й лише потім щось повертають. Тут увесь набір генерується на вашому пристрої за допомогою Canvas API, тож ваш логотип ніколи не передається, не зберігається й не логується. Це миттєво, працює офлайн після першого завантаження сторінки, а те, що ви завантажуєте, — точно те, що створив ваш браузер.

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

Чи надсилається моє зображення на сервер для створення фавікона?
Ні. 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 більшість браузерів підхоплюють автоматично.