Конвертувати AVIF в ICO
Якщо ваш логотип є лише у файлі .avif, на цій сторінці ви перетворите його на favicon.ico з усіма поширеними розмірами іконки від 16 до 256 px і збереженим прозорим фоном.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 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.
Favicon — єдине місце, де це працює погано. Ярлики Windows і закріплені сайти читають ICO, старіші браузери та багато краулерів запитують /favicon.ico, не дивлячись на ваш HTML, а деякі поля favicon у 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 також може залишати м’які краї або розмазування кольору біля чітких форм. Якщо ваш логотип таке має, попросіть lossless AVIF або майстер-файл SVG: на великих іконках артефакти помітні, а на 16 і 32 px зменшення приховує більшість із них. Про порівняння AVIF із WebP і HEIC читайте в статті AVIF, HEIC і WebP: пояснення.
Запитання про favicon з AVIF в ICO
Чи може браузер використовувати файл AVIF як favicon напряму?
Chrome, Firefox і Safari можуть показувати AVIF, але файл favicon.ico в корені сайту за замовчуванням запитують браузери, рідери стрічок і багато ботів попереднього перегляду посилань. Справжній ICO там дозволить уникнути помилки 404 у журналах сервера та порожньої іконки вкладки в старіших клієнтах.
Мій логотип AVIF не квадратний. Іконка буде розтягнута?
Іконки квадратні, тому широкий логотип або стискається до тонкої смужки, або спотворюється. Спершу обріжте логотип до символу чи початкової літери; про обрізання 1:1 із центруванням об’єкта читайте в статті як обрізати зображення до потрібних пропорцій.
Чи зберігається 10-бітний колір AVIF в ICO?
Ні. Записи іконок зберігають 8 біт на канал плюс 8-бітний альфа-канал, тому дані HDR або 10-бітного AVIF зводяться до стандартних кольорів sRGB. На 16 або 32 px різниці ніхто не помітить.
Що потрібно Google для favicon у результатах пошуку?
Рекомендації Google вимагають квадратний favicon, розмір якого кратний 48 px, наприклад 48 × 48 або 96 × 96, із посиланням на нього з головної сторінки. ICO з цієї сторінки містить більші записи, які Google може зменшити.
Чи краще конвертувати AVIF у PNG для іконки застосунку?
Для маніфестів iOS, Android і веб-застосунків — так: вони очікують файли PNG фіксованих розмірів, як-от 180 × 180 і 512 × 512. Для них скористайтеся AVIF у PNG, а ICO залиште для класичного favicon і Windows.