Конвертувати JPG у ICO

Перетворіть JPG на повноцінний багаторозмірний favicon.ico — а разом із ним і на решту сучасного набору піктограм — просто у вашому браузері. Нічого не завантажується.

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

Від фотоформату JPEG до формату піктограм

JPG створений для фотографій і не має прозорості; ICO — це контейнер, який містить кілька маленьких квадратних растрів одночасно. Конвертація між ними — це не перейменування: зображення треба ресемплити до 16, 32 і 48 пікселів і запакувати в один файл. Цей інструмент робить саме це, записуючи справжній багаторозмірний favicon.ico, щоб браузери могли вибрати потрібний розмір для вкладки, панелі закладок чи ярлика на робочому столі.

Обріжте фото до чогось розбірливого

JPEG зазвичай є фотографією, а фотографії рідко переживають зменшення до 16 пікселів. Скористайтеся елементами керування відступами й формою, щоб підтягнути об’єкт ближче, додайте суцільне тло, щоб краї лишалися чистими, і стежте за живим прев’ю та макетом вкладки браузера, аби побачити, чи піктограма ще читається в розмірі вкладки. Повний набір — favicon.ico, apple-touch-icon, піктограми PWA і HTML-фрагмент — завантажується як zip.

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

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