Конвертировать AVIF в ICO
Если ваш логотип есть только в файле .avif, эта страница превратит его в favicon.ico со всеми распространенными размерами иконки от 16 до 256 px и сохранит прозрачный фон.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
При 85 фотографии визуально не отличаются от оригинала. Снижайте значение, только если нужен файл меньше.
JPG, BMP и EPS не поддерживают прозрачность. Прозрачные пиксели заполняются этим цветом.
HEX-код цвета под прозрачными пикселями, например #FFFFFF.
Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.
Многоразмерная иконка содержит несколько разрешений в одном файле; браузеры и операционные системы выбирают нужное.
Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.
Размер выбранной выше стороны в пикселях.
Процент от исходных размеров.
sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.
Только метаданные; 0 сохраняет исходное значение. Это число читают принтеры и некоторые порталы; размеры в пикселях не меняются.
Как пользоваться инструментом
- 1
Загрузите логотип AVIF
Возьмите самую большую квадратную версию, какая есть; от 512 × 512 px и больше маленькие размеры получаются чище всего. В одном пакете можно обработать несколько логотипов.
- 2
Оставьте все размеры иконки
В поле Размеры иконки выбрано Все размеры (16–256), поэтому один .ico подходит для вкладок браузера, закладок и ярлыков Windows. Выбирайте один размер, только если его требует программа.
- 3
Конвертируйте в ICO
Нажмите Конвертировать в ICO, при необходимости переименуйте файл в favicon.ico и положите его в корень сайта.
AVIF — формат для быстрой доставки изображений, ICO — контейнер для маленьких иконок. При конвертации AVIF декодируется один раз, а в один .ico записывается несколько уменьшенных копий, у каждой свой альфа-канал.
Зачем логотипу AVIF версия в ICO
AVIF выпустил Alliance for Open Media в 2019 году на основе видеокодека AV1. Chrome добавил поддержку в версии 85, Firefox — в 93, Safari — в 16, поэтому конструкторы сайтов и CDN для изображений теперь по умолчанию отдают AVIF. Так многие команды и оказываются с фирменным знаком, сохраненным только как logo.avif.
Фавикон — единственное место, где это плохо работает. Ярлыки на рабочем столе Windows и закрепленные сайты читают ICO, старые браузеры и многие роботы запрашивают /favicon.ico, не глядя в ваш HTML, а некоторые поля фавикона в CMS вообще не принимают AVIF. Один ICO из AVIF закрывает все эти случаи, и промежуточный шаг PNG в ICO больше не нужен.
AVIF
Формат изображений AV1 Image File Format
AVIF хранит статичные изображения и последовательности кадров, сжатые видеокодеком AV1; формат был окончательно утверждён альянсом Alliance for Open Media в 2019 году. При том же визуальном качестве он обычно даёт файлы меньше, чем JPEG и WebP, и поддерживает прозрачность, анимацию, широкий цветовой охват и HDR. Кодирование медленнее, чем у старых форматов, а очень мелкие текстуры при низких настройках качества могут выглядеть сглаженными. Все основные браузеры уже показывают AVIF, но многие настольные приложения, соцсети и старые устройства открыть его не могут.
- Сжатие
- С потерями или без потерь
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2019 · Alliance for Open Media
ICO
Значок Windows
ICO — формат значков Microsoft, который используется для значков программ Windows и фавиконок сайтов. Один файл .ico может содержать несколько изображений разного размера, например 16×16, 32×32, 48×48 и 256×256 пикселей, чтобы система выбирала наиболее подходящее. Каждое изображение хранится как точечный рисунок или как данные PNG и поддерживает полную альфа-прозрачность. ICO не предназначен для фотографий и крупных иллюстраций. Его читают браузеры, Windows и большинство редакторов значков.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Нет
- Год появления
- Microsoft
Логотипы AVIF обычно приходят из системы обработки изображений современного сайта или из веб-экспорта дизайнера, а сайту все равно нужен классический favicon.ico в корне, который прочитает любой браузер и поисковый робот.
Какие размеры иконки входят в favicon.ico
- Вкладка и адресная строка браузера
- 16 px
- Закладки, ярлыки на панели задач
- 32 px
- Крупные значки в Windows
- 256 px
- Все размеры в одном favicon.ico
- 1 файл
Альфа-канал сохраняется
Прозрачные области AVIF остаются прозрачными во всех размерах.
Отдельное уменьшение для каждого размера
Каждый элемент пересчитывается из оригинала, а не из соседнего большего размера.
Только первый кадр
Из анимированного AVIF берется первый кадр.
Как сохранить читаемость логотипа AVIF при 16 × 16
В иконке 16 px всего 256 пикселей, поэтому тонкие линии, мелкий текст и градиенты исчезают. Перед конвертацией экспортируйте упрощенную версию логотипа: символ без надписи, более толстые линии и больше контраста и на светлой, и на темной теме браузера. Прозрачный фон пропускает цвет вкладки, и обычно это выглядит лучше белого квадрата.
Сильное сжатие AVIF может также дать размытые края или цветные разводы вокруг четких форм. Если такое видно на вашем логотипе, попросите AVIF без потерь или исходник в SVG; на крупных иконках артефакты заметны, а при 16 и 32 px уменьшение скрывает большую их часть. Чем AVIF отличается от WebP и HEIC, читайте в статье AVIF, HEIC и WebP: в чем разница.
Вопросы о фавиконе из AVIF в ICO
Может ли браузер использовать файл AVIF как фавикон напрямую?
Chrome, Firefox и Safari умеют показывать AVIF, но по умолчанию браузеры, RSS-читалки и многие боты для превью ссылок запрашивают файл favicon.ico в корне сайта. Настоящий ICO на этом месте избавляет от ошибки 404 в логах сервера и пустой иконки вкладки в старых клиентах.
Логотип AVIF не квадратный. Иконка будет растянута?
Иконки квадратные, поэтому широкий логотип либо сожмется в тонкую полоску, либо исказится. Сначала обрежьте логотип до символа или первой буквы; в статье как обрезать изображение по соотношению сторон описана обрезка 1:1 с объектом по центру.
Сохранится ли 10-битный цвет AVIF в ICO?
Нет. Элементы иконки хранят 8 бит на канал плюс 8-битный альфа-канал, поэтому HDR или 10-битные данные AVIF приводятся к стандартному цвету sRGB. При размере 16 или 32 px разницу никто не увидит.
Какой фавикон нужен Google для показа в результатах поиска?
Рекомендации Google требуют квадратный фавикон со стороной, кратной 48 px, например 48 × 48 или 96 × 96, со ссылкой на него с главной страницы. ICO с этой страницы содержит более крупные элементы, которые Google может уменьшить.
Для иконки приложения лучше подойдет AVIF в PNG?
Для iOS, Android и манифестов веб-приложений — да: они ожидают файлы PNG фиксированных размеров, например 180 × 180 и 512 × 512. Для них используйте AVIF в PNG, а ICO оставьте для классического фавикона и Windows.