IT Image Tools

Конвертер PNG в ICO

Преобразуйте PNG или изображение в настоящий файл favicon ICO с несколькими размерами прямо в браузере, без загрузки на сервер.

🔒 Работает полностью в вашем браузере — ничего не загружается

Drop a PNG or image here or click to browse

Advertisement

Создайте favicon ICO с несколькими размерами

Фавиконы до сих пор часто используют контейнер ICO, ведь один файл может содержать несколько размеров значка. Вкладка браузера, закладка, ярлык на рабочем столе и оболочка Windows могут выбрать лучший размер из одного и того же файла. Этот конвертер PNG в ICO превращает одно исходное изображение в настоящий favicon с несколькими размерами, содержащий записи 16, 32, 48, 64, 128 и 256 пикселей. Перетащите логотип, знак или квадратный PNG, просмотрите превью созданных размеров и скачайте готовый файл .ico.

Преобразование выполняется полностью в вашем браузере. Страница загружает исходное изображение, обрезает его по центру до квадрата, рисует на нескольких холстах canvas разных размеров и упаковывает эти закодированные в PNG холсты в структуру ICO. Ваш логотип никогда не загружается в сеть, что удобно для неопубликованных брендов, клиентских работ и частных проектов. Созданный файл использует встроенные изображения PNG — современную возможность ICO, которую поддерживают актуальные браузеры и операционные системы.

Подготовка исходного изображения

Для лучшего favicon используйте простое изображение с высоким контрастом. Крошечные значки не могут чётко показать мелкий текст и тонкие детали, поэтому выразительные формы и чёткие силуэты работают лучше сложных скриншотов. Идеален квадратный прозрачный PNG, потому что обрезка сохранит весь рисунок и альфа-канал. Прямоугольные изображения автоматически обрезаются по центру, чтобы значок оставался квадратным, а не растягивался, но если важный объект не в центре, лучше обрезать исходное изображение самостоятельно.

Как использовать файл ICO

После загрузки поместите файл в проект своего сайта и подключите его в HTML, метаданных фреймворка или статических ресурсах. Многие сайты по-прежнему содержат строку вроде <link rel="icon" href="/favicon.ico"> для широкой совместимости, часто вместе со значками PNG или SVG. Перед публикацией проверьте самые маленькие превью: если версия 16 пикселей выглядит размыто, упростите рисунок или повысьте контраст и создайте ICO заново.

Размер файла и кеширование

ICO содержит шесть записей, сжатых в PNG, поэтому он больше одного значка 16×16, но всё равно невелик для простого логотипа. Браузеры очень агрессивно кешируют фавиконы, поэтому после замены файла может понадобиться жёсткое обновление страницы или очистка данных сайта, прежде чем появится новый значок. Если вам нужны ещё и отдельные файлы PNG для значков Apple touch и Android, генератор favicon на этом сайте создаёт и их.

Конвертер принимает любой тип изображения, который может открыть ваш браузер, а не только PNG, и называет скачанный файл по имени исходного с расширением .ico. Всё обрабатывается локально, поэтому неопубликованные логотипы остаются приватными.

Как использовать

  1. Добавьте изображениеПеретащите файл PNG или другое изображение на конвертер.
  2. Создайте размерыБраузер отрисовывает распространённые размеры favicon из центральной обрезки.
  3. Скачайте ICOСохраните файл .ico с несколькими размерами и встроенными записями PNG.

Часто задаваемые вопросы

Это настоящий файл ICO?
Да. Инструмент записывает каталог ICO и встраивает изображения значков, закодированные в PNG, в нескольких размерах, которые поддерживают современные браузеры и Windows.
Какие размеры включены?
ICO содержит квадратные изображения размером 16, 32, 48, 64, 128 и 256 пикселей.
Значки создаются на сервере?
Нет. Исходное изображение рисуется на холстах canvas и собирается в файл ICO внутри вашего браузера.
Должно ли исходное изображение быть квадратным?
Лучше всего подходит квадратный PNG или изображение. Прямоугольные изображения обрезаются по центру до квадрата, чтобы значок не выглядел растянутым.
Advertisement