ICO: что это за формат и чем отличается от favicon

Короткий ответ

ICO — формат файла для значков, прежде всего в Windows. Один файл .ico может хранить несколько вариантов одной иконки: например, 16 × 16, 32 × 32, 48 × 48 и 256 × 256 пикселей. Система выбирает подходящий вариант для меню, ярлыка или экрана с высокой плотностью пикселей.

Favicon — это назначение картинки, а не отдельный формат. Так называют значок сайта во вкладке браузера, закладках и некоторых результатах поиска. Favicon может быть файлом ICO, PNG или SVG — конкретный набор зависит от браузеров и устройств, которые нужно поддержать.

Что находится внутри ICO

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

Наличие нескольких размеров помогает избежать грубого уменьшения одной большой картинки. Но контейнер сам ничего не дорисовывает: если внутри есть только маленький вариант, преобразование в большой PNG не вернёт отсутствующие детали.

Чем favicon отличается от ICO

Слова описывают разные вещи. ICO отвечает на вопрос «как устроен файл», а favicon — «для чего значок используется». Файл favicon.ico совмещает обе роли: это ICO-контейнер, назначенный иконкой сайта. Но имя и формат не обязательны — современный сайт может объявить favicon через HTML-ссылку на PNG или SVG.

• ICO — формат, способный собрать несколько растровых размеров в одном файле;
• favicon — значок конкретного сайта в интерфейсе браузера и других сервисов;
• favicon.ico — распространённый, но не единственный вариант favicon.

Простое переименование logo.png в favicon.ico не создаёт ICO. Буквы в имени изменятся, а содержимое останется PNG. Нужна настоящая конвертация или генерация набора favicon.

ICO, PNG или SVG: что выбрать

Для сайта часто используют не один универсальный файл, а набор: ICO для старых сценариев, PNG разных размеров, SVG при необходимости и отдельную иконку для добавления сайта на экран устройства. Так каждый потребитель получает подходящий вариант.

Чем открыть ICO и когда нужен PNG

1. Попробуйте системный просмотр. Windows обычно показывает ICO как значок или открывает его в подходящем приложении.
2. Откройте копию в редакторе. Убедитесь, что программа понимает несколько изображений внутри ICO, а не показывает только одно.
3. Проверьте доступные размеры. Это важно перед использованием значка в приложении или на сайте.
4. Сделайте PNG-копию для обычной работы. PNG удобнее вставлять в макет, документ или редактор.

В Wertigo можно конвертировать ICO в PNG. Результат зависит от изображений внутри исходного контейнера. Сохраните оригинальный ICO, пока не проверите размер, прозрачность и края готовой картинки.

Как подготовить favicon для сайта

Один ICO не всегда закрывает требования современных устройств. Проще начать с квадратного PNG, WebP или SVG, где знак хорошо читается без мелкого текста, и подготовить комплект файлов.

1. Выберите простой исходник. Проверьте его при размере 16 × 16 и 32 × 32 пикселя.
2. Создайте набор. Генератор favicon Wertigo готовит favicon.ico, PNG-иконки, manifest и HTML-код.
3. Загрузите файлы на сайт. Разместите их по тому пути, который указан в HTML и manifest.
4. Проверьте сайт в нескольких браузерах. Старый значок может оставаться в кэше, поэтому обновление иногда видно не сразу.

Частые ошибки

• Считать favicon отдельным форматом. Это роль изображения, а не способ хранения данных.
• Переименовывать PNG в ICO. Расширение меняется, внутреннее устройство файла — нет.
• Использовать сложный логотип. Мелкие буквы и тонкие линии пропадают во вкладке браузера.
• Увеличивать маленький ICO. Масштабирование не создаёт утраченные детали.
• Проверять только один размер. Хорошая крупная иконка может стать неразборчивой при 16 × 16.
• Удалять исходник сразу. Сначала проверьте готовый набор и сохраните редактируемую мастер-копию.