Конвертер WebP в ICO
Ваш логотип есть только в WebP, сохраненном с вашего же сайта или из экспорта макета? Превратите его в favicon.ico, который браузеры, закладки и ярлыки Windows подхватывают без дополнительной разметки.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 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, а генераторы фавиконов, 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.ico в корневую папку, чтобы он открывался по адресу yoursite.com/favicon.ico. Если указать его в head страницы через <link rel="icon" href="/favicon.ico" sizes="any">, выбор будет явным, а в CMS вроде WordPress есть собственное поле «Значок сайта», которое записывает эти теги за вас.
Набор дополняют ещё две иконки. iPhone и iPad используют apple-touch-icon, PNG 180 × 180 px, когда сайт добавляют на домашний экран; сделайте его с помощью WebP в PNG и нашего руководства по обрезке. Google Search требует квадратный фавикон, размер которого кратен 48 px, поэтому PNG 96 или 144 px со ссылкой на главной странице подходит и для результатов поиска. Браузеры активно кэшируют фавиконы; откройте страницу в приватном окне, чтобы сразу увидеть новый.
Вопросы о конвертации WebP в ICO
Зачем нужен файл .ico, если логотип уже в WebP?
Если на странице не указан значок, браузеры сами запрашивают /favicon.ico в корне сайта, а ярлыки Windows, старые браузеры и многие поля фавикона в CMS ожидают ICO или PNG. Один файл .ico в корне подходит для всех этих случаев без какой-либо разметки.
Останется ли прозрачной область вокруг логотипа WebP?
Да. WebP и ICO поддерживают альфа-канал, поэтому прозрачный фон переходит в каждый размер внутри иконки, и фавикон аккуратно выглядит на светлых и тёмных вкладках браузера.
Что будет, если загрузить анимированный WebP?
ICO хранит статичные изображения, поэтому конвертер берет первый кадр (для параметра Анимированный исходник выбрано Только первый кадр). Если первый кадр пустой или находится посреди перехода, выберите другой исходник.
Будут ли заметны в фавиконе артефакты сжатия WebP с потерями?
На размерах от 16 до 64 px редко: при уменьшении мелкие артефакты усредняются. Слабые ореолы могут остаться в слоях 128 и 256 px. Если логотип есть и в векторе, SVG в ICO даст самые чистые края.
Какое разрешение нужно логотипу WebP для четкого фавикона?
Не менее 256 × 256 px и квадратное, чтобы самый большой слой получался уменьшением, а не увеличением. Логотип в 120 px, сохраненный из шапки страницы, в больших размерах будет выглядеть мягким.