Вы щелкаете правой кнопкой мыши фотографию продукта, выбираете "Сохранить изображение как", и файл попадает в папку загрузок как photo.webp. На странице была показана обычная картинка. URL-адрес мог даже заканчиваться на .jpg. Затем вы пытаетесь бросить его в ползунок, прикрепить к форме или открыть в более старом средстве просмотра изображений, но вам отказывают.
Ничего не пошло не так с загрузкой. веб-сайт отправил вам WebP, потому что WebP меньше JPG или PNG, которые он заменил, и каждый текущий браузер отображает его. трения появляются только тогда, когда файл покидает браузер. в этом руководстве объясняется, что такое WebP, почему так много сохраненных изображений приходят в этом формате, где он все еще терпит неудачу, и как преобразовать его во что-то, что принимает следующая программа, или преобразовать в него свои собственные изображения.
TL;DR: WebP - это формат изображений от Google, указанный в RFC 9649, который поддерживает сжатие с потерями и без потерь, прозрачность и анимацию в одном типе файлов. Веб-сайты обслуживают его, потому что он меньше, чем JPG и PNG, поэтому Save Image As часто дает вам .webp, даже если на URL-адресе страницы написано .jpg. Каждый текущий браузер отображает WebP, но некоторые настольные приложения, почтовые клиенты и формы загрузки по-прежнему отклоняют его. Конвертировать с WebP в PNG чтобы сохранить прозрачность, WebP в JPG для самой широкой поддержки, WebP в GIF для анимации или WebP в PDF для документов. Все они запускаются на стороне клиента, ничего не загружается, бесплатно, без регистрации.
Что такое WebP?
WebP - это растровый формат изображений, который Google выпустила в 2010 году, чтобы уменьшить количество изображений на веб-страницах. Теперь IETF документирует это как RFC 9649, формат изображения WebP, опубликован в 2024 г. RFC описывает один контейнер с двумя методами сжатия, а также дополнительной прозрачностью и анимацией, поэтому единый формат охватывает задания, которые JPEG, PNG и GIF разделяют между собой.
Файл представляет собой RIFF-контейнер, ту же самую фрагментированную структуру, что и аудио WAV. Его первые двенадцать байтов говорят так:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFFтогда четыре байта длины WEBP. Внутри куски: VP8 для данных изображения с потерями, VP8L для без потерь, ALPH для канала прозрачности и ANIM а ANMF для анимации. инструменты, которые идентифицируют файлы по их байтам, включая преобразователи Toolz, ищут именно эту подпись, поэтому WebP сохраняется с помощью a .jpg имя по-прежнему признается WebP.
Как WebP сжимает изображения?
WebP имеет два отдельных метода сжатия, и тот, который используется в файле, меняет то, для чего он хорош.
Потерянный WebP основан на кодировании ключевого кадра видеокодека VP8 Кодер разбивает изображение на блоки, предсказывает каждый блок по пикселям, которые он уже закодировал, и сохраняет разницу с более грубым или точным округлением в зависимости от настройки качества. Он также сохраняет цвет на половине ширины и половине высоты яркости, метод, называемый субдискретизацией цветности. Глаза менее чувствительны к деталям цвета, чем к светлому и темному, поэтому фотографии хорошо скрывают это. Тонкие цветные линии и маленький красный текст на плоском фоне этого не делают, и могут улавливать мягкие полосы.
WebP без потерь это совершенно другой алгоритм. Он точно воспроизводит каждый пиксель, используя прогнозирующие преобразования, цветовой кэш и обратные ссылки в стиле LZ77, и конкурирует с PNG, а не с JPEG.
Любой вид может нести альфа-канал для прозрачности.Lossy WebP с альфа - это комбинация, которую PNG не может предложить: фотографический вырез с мягким прозрачным краем в маленьком файле.
Google's опубликовал цифры на своем сайте Обзорная страница WebPпоставьте WebP без потерь на 26% меньше, чем PNG, и WebP с потерями на 25-34% меньше, чем сопоставимый JPEG при эквивалентном качестве SSIM. Это средние значения по тестовым наборам. Заданное изображение может сэкономить больше или меньше, а JPEG, который уже был сильно сжат, часто экономит мало.
Почему сохраненные изображения выходят как.webp?
Сохраненные изображения выходят как .webp, потому что сервер решил отправить WebP в ваш браузер, а Save Image As сохраняет все, что были доставлены байты. есть три распространенных способа, которые происходят.
Переговоры по контенту. Каждый запрос изображения, который делает ваш браузер, несет в себе Accept заголовок со списком форматов, которые он может отображать. согласование HTTP-контента, определенное в РФЦ 9110, позволяет серверу выбрать представление на основе этого заголовка. CDN изображений и многие хостинг платформы читают его и возвращают WebP или AVIF браузерам, которые их принимают, в то время как старые клиенты получают JPEG с того же URL:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
URL-адрес заканчивается на .jpg. Ответ - WebP. Когда вы его сохраняете, браузер называет файл по типу контента, и вы получаете .webp, йо-
выше <picture> стихия Сайты, которые не ведут переговоры на сервере, могут предлагать несколько форматов разметки, и браузер выбирает первый, который он поддерживает, после WHATWG HTML picture элемент правила:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
Строить трубопроводы. Строители сайтов, плагины оптимизации WordPress и фреймворки с компонентами изображений автоматически преобразуют загрузки в WebP.Владелец сайта загрузил JPG и никогда не видит WebP, который получает посетитель.
Во всех трех случаях сайт делает то, что рекомендуют аудиты производительности.WebP - это меньший, правильный файл для отображения. это просто неправильный файл для программы, которую никогда не учили читать его.
Какие браузеры и приложения поддерживают WebP?
Каждый текущий браузер отображает WebP. Chrome и Edge поддерживали его годами, Firefox добавил его в версии 65, а Safari добавила в версии 14, которая принесла iPhone и iPad.В сети совместимость больше не является причиной избегать этого.
Вне браузера поддержка неравномерна Некоторые старые средства просмотра изображений, старые офисные пакеты, почтовые клиенты, службы печати и формы загрузки либо не открывают .webp, либо отказываются от него при проверке расширения. Фотоприложения операционной системы в основном догнали, но общий рабочий компьютер или часть программного обеспечения для бизнеса могут не иметь.
Сохранение WebP менее универсально, чем его отображение. конвертеры Toolz, которые пишут WebP, используют собственный кодер браузера 's через холст.Current Chrome, Edge и Firefox могут писать WebP таким образом.Safari уже давно может отображать WebP, но не всегда для его сохранения, и когда браузер не может кодировать WebP, конвертер показывает ошибку, говоря так, вместо того, чтобы возвращать PNG с помощью .webp имя.
Почему 't переименование .webp в .jpg работает?
Переименование файла меняет его метку, а не содержимое. Веб-сайт переименован в holiday.jpg все равно начинается с RIFF а WEBP, и все еще хранит данные VP8 или VP8L. Некоторые программы смотрят только на расширение, пытаются прочитать файл как JPEG, найти нет FF D8 FF маркер в начале, и сообщить файл как поврежденный Другие обнюхивают байты, замечают, что это WebP, и либо открыть его в любом случае или отказаться от него с более четким сообщением.
Формы загрузки - это худший случай. форма, которая проверяет только расширение, принимает переименованный файл, и тогда библиотека изображений сервера и #39;s подавляется на нем, или изображение появляется сломанным на готовом листинге или странице профиля. форма, которая проверяет байты, отклоняет его сразу. Ни один из результатов не является тем, что вы хотели, и оба труднее диагностировать, чем первоначальный отказ.
Настоящее преобразование - единственное надежное исправление, поскольку оно декодирует WebP в пиксели и записывает новый файл, байты которого соответствуют его расширению. Это занимает секунды и позволяет избежать билета поддержки позже.
Как можно открыть WebP, не конвертируя его?
Перетащите его в окно браузера Любой текущий браузер отображает локальный файл.webp напрямую, что является самым быстрым способом посмотреть на один на компьютере, чей просмотрщик изображений отказывается от него Оттуда вы можете просмотреть, масштабировать и распечатать его.
Большинство современных фотоприложений операционной системы также открывают WebP, поэтому двойной щелчок может работать на актуальной машине, даже если конкретный редактор или офисная программа на той же машине этого не делает. Когда программа, от которой вы зависите, не может читать WebP, сначала проверьте обновление или плагин формата; если ни того, ни другого не существует, преобразуйте копию и сохраните оригинал.
Открытие - это не то же самое, что использование, однако. Если изображение должно войти в документ, форму или электронное письмо, программное обеспечение получателя & #39;s имеет такое же значение, как и ваше, и JPG или PNG устраняет эту неопределенность.
WebP против JPG против PNG против GIF: как они сравниваются?
WebP пересекается со всеми тремя старыми форматами, что является одновременно его привлекательностью и причиной перехода от него и требует выбора цели.
| Атрибут | webp | JPG | png | ГИФ |
|---|---|---|---|---|
| Спецификация | RFC 9649 | МСЭ-Т Т.81 | W3C PNG | GIF89a |
| Сжатие | Потеря или без потерь | потеря | без потерь | Без потерь, 256 цветов |
| прозрачность | Полная альфа | ни один | Полная альфа | Вкл. или выкл. на пиксель |
| Анимация | да | нет | Нет (в сторону APNG) | да |
| Размер файла фотографии | Маленький | Средний | Крупный | Плохо подходит |
| Отображение браузера | Все текущие браузеры | Универсальный | Универсальный | Универсальный |
| Настольные приложения и формы | Лоскутный | Универсальный | Около универсального | Универсальный |
| Лучшее использование | Обслуживание изображений на сайтах | Делимся фотографиями где угодно | Скриншоты, графика, монтаж | Простая анимация повсюду |
Спецификация JPEG такова МСЭ-Т Т.81 и PNG определяется Спецификация W3C PNG. Практическое чтение таблицы: сохраняйте WebP в Интернете и конвертируйте, когда файл должен идти куда-то, что описано в правых столбцах.
В какой формат следует конвертировать WebP?
Выберите цель по тому, что содержит WebP и куда он движется. Прозрачность, анимация и пункт назначения решают это.
| Ваш WebP | Иду в | Преобразовать в | стрелка |
|---|---|---|---|
| Логотип, значок или вырез на прозрачном фоне | где-нибудь | png | WebP в PNG |
| Фотография | Электронная почта, формы, печать, старое программное обеспечение | JPG | WebP в JPG |
| Анимация | Форумы, чат, подписи по электронной почте, вики | ГИФ | Вебп в GIF |
| Одно или несколько изображений | Документ, который кто-то распечатает или подаст | ПДФ | ВебП в PDF |
| Смесь форматов или цель, не указанная в списке | Различных | Любой | Преобразователь изображений |
Для прозрачных изображений выберите PNG. выше Конвертер WebP в PNG сохраняет альфа-канал, поэтому логотип на прозрачном фоне остается прозрачным. PNG без потерь, поэтому выход точно удерживает декодированные пиксели. Обычно он больше, чем WebP, потому что хранение без потерь стоит байтов.
Для фотографий, которые нужно открыть везде, выберите JPG. Когда ты превратите WebP в JPG, вы получаете формат, который принимает каждая форма загрузки. JPG не имеет прозрачности, поэтому любая прозрачная область заполнена белым цветом, и в примечании под результатом говорится, что это произошло. ползунок качества работает от 10 до 100 и начинается с 90.
Для анимации выберите GIF. Анимированный WebP, сохраненный из клипа реакции, не будет воспроизводиться во многих редакторах форума или подписях электронной почты.The Конвертер WebP в GIF записывает каждый кадр с его первоначальной задержкой и количеством циклов. чтение кадров использует API браузера и #39;s ImageDecoder от Спецификация W3C WebCodecs, который Chrome и Edge поддерживают сегодня. в Firefox и Safari можно прочитать только первый кадр, поэтому GIF является неподвижным, и в примечании под строкой так и написано. GIF имеет 256 цветов на кадр, поэтому градиенты могут располагаться в полосе, а мягкие прозрачные края становятся жесткими. Кадр с задержкой менее 20 мс записывается на 100 мс, что соответствует тому, как браузеры воспроизводят задержки, которые короткие.
Для документов выберите PDF. равняется Преобразование WebP в PDF помещает одно изображение на каждой странице, в указанном порядке, в один файл. так как WebP является источником с потерями, изображения встроены как JPEG с качеством 92%, чтобы PDF был маленьким, или как PNG, когда изображение имеет прозрачность. страницы могут соответствовать изображению или использовать письмо A4 или US.
Для всего остального используйте Преобразователь изображений, йо- Он читает WebP вместе с JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG и PDF и записывает JPG, PNG, WebP, GIF, ICO, PDF или SVG, поэтому WebP может стать фаворитом или отслеживаемым SVG с той же страницы.
Следует ли конвертировать собственные изображения в WebP?
Да, для изображений, которые вы публикуете на веб-сайте. изображения обычно являются самой тяжелой частью страницы, и экономия от 25 до 34% на фотографиях соединений на странице каталога с десятками из них. для изображений вы пишете по электронной почте, печатаете или архивируете, нет: сохранить исходный формат.
Два преобразователя обрабатывают общие источники. к конвертируйте фотографии JPG в WebP, начать с самого большого, наименее сжатого оригинала у вас есть. JPG уже потерян, поэтому кодирование его как WebP является вторым проходом, а качество вы начинаете с потолка. настройка от 80 до 85, где большинство фотографий перестают показывать видимую разницу на экране.
Для графики, скриншотов и всего прозрачного, PNG в WebP сохраняет альфа-канал и обычно резко сокращает размер файла. Скриншоты с мелким цветным текстом требуют более высокого качества настройки, чем фотографии, из-за описанной выше подвыборки цветности.
Ограничения размера в самом WebP редко имеют значение на практике. RFC 9649 закрывает WebP без потерь на 16384x16384 пикселей, а WebP с потерями ограничивается аналогичным размером с помощью VP8, что намного превосходит любое изображение, необходимое веб-странице. Очень большие панорамы или сканы с разрешением печати - единственные файлы, которые ему соответствуют, и в любом случае они принадлежат мастер-формату без потерь.
Сохраняйте оригиналы в любом случае. JPG или PNG - это ваша мастер-копия, и каждая будущая культура, изменение размера или реэкспорт должны начинаться с нее, а не с WebP.
Как работает преобразование WebP на стороне клиента?
Преобразование на стороне клиента означает, что изображение декодируется и кодируется внутри вкладки браузера, и файл никогда не загружается. для этого WebP не требуется дополнительная загрузка, поскольку каждый текущий браузер уже содержит декодер WebP.
- Страница считывает первые байты каждого файла и проверяет
RIFF....WEBPподпись. Каждая страница пары принимает только свой собственный исходный формат, поэтому PNG, указанный на странице WebP-PNG, указывается в другом месте. - Браузер декодирует WebP в пиксели.
- Пиксели рисуются на холсте и кодируются как цель: PNG, JPG или WebP браузером, GIF с помощью встроенного кодера или встроены в PDF-файл.
- Вы загружаете каждый файл или пакет в виде ZIP.
Рисование через холст имеет побочный эффект, который стоит знать: метаданные EXIF, координаты GPS и цветовые профили не переносятся на выход. Для изображения, которое будет опубликовано публично, это выигрыш в конфиденциальности.
Каковы пределы и распространенные ошибки?
Каждое ограничение создает определенное сообщение в строке файла 's, а не в замороженной вкладке.
Изображения более 100 мегапикселей отказываются, поскольку их декодирование может исчерпать память tab's. Для WebP нет отдельной ограничения размера байта, поскольку ею занимается собственный декодер браузера и#39;s. Пустые файлы отклоняются.
"Этот браузер не смог открыть файл" обычно означает, что файл поврежден или усечен, или вообще не является WebP несмотря на своё имя. & quot;Этот браузер не может сохранить WebP файлы& quot; появляется только при преобразовании в WebP в браузере без WebP-кодера; переключиться на текущие Chrome, Edge или Firefox.
Когда анимированный WebP переходит в PNG, JPG или PDF, сохраняется только первый кадр, потому что эти форматы содержат одно изображение. WebP конвертеры также записывают неподвижные WebP файлы только, поэтому анимация, преобразованная в WebP, сохраняет свой первый кадр. Используйте GIF, чтобы сохранить движение.
На каждый инструмент распространяется ежедневный лимит конверсии. инструменты бесплатны, без регистрации, без водяных знаков.
WebP и новые форматы
WebP больше не является новейшим вариантом. AVIF, основанный на видеокодеке AV1, часто снова создает файлы меньшего размера и поддерживает более высокие битовые глубины и HDR, а текущие браузеры также отображают его. Сайты, использующие <picture> приведенный выше пример служит AVIF первым и WebP запасным. Сравнение AVIF, WebP и JPG покрывает, когда каждый стоит того.
Если ваша проблема заключается в фотографиях iPhone, а не в загрузке через Интернет, формат HEIC и руководство включено HEIC против JPG объясняет, почему эти файлы не открываются. Каждый конвертер для обоих форматов указан в списке хаб инструментов изображений, йо-
