Конвертируйте 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 автоматически подхватывается большинством браузеров.