Конвертер WebP у ICO
Ваш логотип є лише у форматі WebP, збереженому з власного сайту або експортованому з дизайн-програми? Перетворіть його на favicon.ico, який браузери, закладки та ярлики Windows підхоплюють без додаткової розмітки.
Конвертер зображень
або перетягніть Файли JPG, JPEG, JPE … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
85 зберігає фото візуально ідентичними оригіналу. Зменшуйте лише тоді, коли потрібен менший файл.
JPG, BMP і EPS не підтримують прозорість. Прозорі пікселі заповнюються цим кольором.
Hex-колір для заливки під прозорими пікселями, наприклад #FFFFFF.
Цей формат містить одне зображення. Оберіть вихідний формат GIF або WebP, якщо хочете зберегти анімацію.
Багаторозмірна іконка містить кілька роздільностей в одному файлі; браузери та операційні системи обирають потрібну.
Залиште початкові розміри або введіть одну сторону — пропорції збережуться.
Пікселі для сторони, обраної вище.
Відсоток від початкових розмірів.
sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.
Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.
Як користуватися цим інструментом
- 1
Завантажте WebP-логотип
Перетягніть файл .webp або до 20 файлів одразу, до 95 MB кожен. Найкраще працює квадратний логотип розміром щонайменше 256 × 256 px.
- 2
Залиште всі розміри іконки
Параметр Розміри іконок за замовчуванням має значення Усі розміри (16–256) у розділі Додаткові налаштування. Для анімованих WebP береться перший кадр.
- 3
Конвертуйте й завантажте на свій сайт
Натисніть Конвертувати в ICO, за потреби перейменуйте файл на favicon.ico і помістіть його в кореневу папку свого сайту.
Логотипи, збережені з сайтів, нині найчастіше мають формат WebP. Одне перетворення робить із такого файлу багаторозмірний favicon.ico зі збереженим прозорим фоном.
Як зробити favicon.ico з WebP-логотипа
WebP став типовим форматом зображень для значної частини вебу після того, як Google представила його у 2010 році; WordPress приймає завантаження WebP з версії 5.8 у 2021 році, а багато CDN для зображень конвертують кожен PNG, який віддають. Тож коли ви шукаєте власний логотип, знайдена копія часто виявляється .webp, який генератори favicon, Windows і деякі панелі хостингу не приймають.
Формат ICO розв’язує іншу задачу, ніж WebP. Замість одного стиснутого зображення він об’єднує кілька квадратних растрових зображень, а браузер чи операційна система вибирає потрібний розмір: 16 px для вкладки, 32 px для панелі завдань або закладок, більші — для ярликів на робочому столі та екранів із високою щільністю. Під час конвертації ці розміри створюються з вашого WebP за один прохід.
Сам WebP залиште для логотипа в шапці сторінки. Ці два файли обслуговують різні місця, а конвертація не змінює оригінал.
Що конвертер записує в ICO
- П’ять розмірів в одному .ico
- 16–256 px
- файлів WebP за раз
- 20
- Макс. розмір файлу
- 95 MB
- Потім видаляється із сервера
- 30 хв
WEBP
Зображення WebP
WebP — формат зображень, випущений Google у 2010 році, щоб вебсторінки завантажувалися швидше. В одному форматі він підтримує стиснення як із втратами, так і без втрат, альфа-прозорість та анімацію. WebP із втратами зазвичай на 25–35% менший за JPEG подібної візуальної якості, а WebP без втрат, як правило, менший за PNG. Його підтримують усі сучасні браузери, але деякі старіші настільні програми, служби друку та форми завантаження досі його відхиляють. Windows, macOS і більшість сучасних графічних редакторів можуть відкривати файли WebP.
- Стиснення
- З втратами або без втрат
- Прозорість
- Так
- Анімація
- Так
- Рік появи
- 2010 · Google
ICO
Піктограма Windows
ICO — формат піктограм Microsoft, який використовують для іконок програм Windows і фавіконів сайтів. Один файл .ico може містити кілька зображень різних розмірів, наприклад 16×16, 32×32, 48×48 і 256×256 пікселів, щоб система вибрала найкращий варіант. Кожне зображення може зберігатися як растр або дані PNG і підтримує повну альфа-прозорість. ICO не призначений для фото чи великих ілюстрацій. Його можуть читати браузери, Windows і більшість редакторів іконок.
- Стиснення
- Без втрат
- Прозорість
- Так
- Анімація
- Ні
- Рік появи
- Microsoft
Логотип WebP стає ICO, коли єдина копія знака бренду — це стиснутий файл, який віддав сайт чи CMS, а сайту все одно потрібен favicon.ico у корені.
Як підготувати WebP-логотип для вкладки браузера 16 px
Обріжте до знака
Більшість логотипів широкі. Залиште лише символ або першу літеру й обріжте до квадрата з невеликим полем.
Приберіть дрібний текст
Слогани та написання назви на 16 px стають сірим шумом. Одна жирна форма читається, тонкі лінії — ні.
Перевірте обидва кольори вкладки
Подивіться на результат у світлій і темній темі браузера. Темний логотип на прозорому фоні може зникнути на темній вкладці.
Як додати новий favicon на сайт
Покладіть favicon.ico у кореневу папку, щоб він відкривався за адресою yoursite.com/favicon.ico. Якщо оголосити його в head сторінки через <link rel="icon" href="/favicon.ico" sizes="any">, вибір буде явним, а CMS на кшталт WordPress має власне поле Site Icon, яке записує ці теги за вас.
Ще дві іконки завершують набір. iPhone та iPad використовують apple-touch-icon — PNG 180 × 180 px, коли хтось додає ваш сайт на головний екран; створіть його через WebP у PNG і наш посібник з обрізання. Google Search вимагає квадратний favicon, розмір якого кратний 48 px, тож PNG 96 або 144 px, підключений на головній сторінці, охоплює й результати пошуку. Браузери активно кешують favicon; відкрийте сторінку в приватному вікні, щоб одразу побачити нову.
Запитання про конвертацію WebP у ICO
Навіщо потрібен файл .ico, якщо логотип уже є у WebP?
Якщо на сторінці не вказано іконку, браузери самі запитують /favicon.ico у корені сайту, а ярлики Windows, старі браузери та багато полів favicon у CMS очікують ICO або PNG. Один .ico в корені підходить для всіх цих випадків без жодної розмітки.
Чи залишиться прозорою область навколо мого WebP-логотипа?
Так. WebP та ICO підтримують альфа-канал, тому прозорий фон переходить у кожен розмір усередині іконки, і favicon чітко виглядає на світлих і темних вкладках браузера.
Що буде, якщо завантажити анімований WebP?
ICO зберігає статичні зображення, тому конвертер бере перший кадр (Анімований файл має значення Лише перший кадр). Виберіть інше джерело, якщо перший кадр порожній або це середина переходу.
Чи буде помітне стиснення WebP із втратами у favicon?
Рідко для розмірів 16–64 px, бо зменшення усереднює дрібні артефакти. Слабкі ореоли можуть лишитися в шарах 128 і 256 px. Якщо логотип є ще й у векторі, SVG у ICO дасть найчіткіші краї.
Яка роздільна здатність WebP-логотипа потрібна для чіткого favicon?
Щонайменше 256 × 256 px і квадратне, щоб найбільший шар утворювався зменшенням, а не збільшенням. Логотип 120 px, збережений із шапки сторінки, виглядатиме розмито у великих розмірах.