Как использовать новый формат webp на своём сайте

Does WebP support progressive or interlaced display?

WebP does not offer a progressive or interlaced decoding refresh in the JPEG or
PNG sense. This is likely to put too much pressure on the CPU and memory of the
decoding client as each refresh event involves a full pass through the
decompression system.

On average, decoding a progressive JPEG image is equivalent to decoding the
baseline one 3 times.

Alternatively, WebP offers incremental decoding, where all available incoming
bytes of the bitstream are used to try and produce a displayable sample row as
soon as possible. This both saves memory, CPU and re-paint effort on the
client while providing visual cues about the download status. The incremental
decoding feature is available through the
.

Конвертировать webp в png

При работе с графикой нам часто нужны элементы каких-либо логотипов или других изображений в png с прозрачностью, чтобы наложить их на свою картинку. Но при загрузке подобных изображений из Картинок (или других источников) мы получаем webp. Легко поможет исправить положение этот сайт.

Картинка в webp с возможной прозрачностью

Онлайн-конвертер не просто переделает изображение в png, а добавит прозрачность фону, если она была задумана создателем. Сайт работает по тому же принципу, что и предыдущий сервис.

1. Вам нужно нажать на кнопку Выберите файл;

2. Указать сайту файл с webp, из которого нужно сделать png;

3. Нажать на кнопку Начать конвертирование.

После завершения процесса сайт предложит сразу же загрузить файл. Укажите место для загрузки и нажмите на кнопку Ok.

технология

Формат разработан на основе внутрикадрового кодирования видеокодека VP8 и формата контейнера RIFF и совместим с битовым потоком VP8. По сути, это метод преобразования на основе блоков (размер блока 4 × 4) с глубиной цвета 8 бит и цветовой моделью яркость-цветность с подвыборкой цвета в соотношении 1: 2 ( YCbCr 4: 2: 0). Он использует сравнительно продвинутое энтропийное кодирование — разновидность двоичного арифметического кодирования (аналогично CABAC ). Обязательный контейнер RIFF приводит к накладным расходам всего в 20 байтов без какого-либо дополнительного содержимого и может использоваться для дополнительной записи метаданных .

Свободная эталонная реализация состоит из преобразования программного обеспечения в виде программы командной строки для Linux (cwebp) и библиотека программ для декодирования (такие же , как для WebM).

Программный комплекс Photoshop

На сегодняшний день Photoshop является весьма распространённым продуктом, который установлен практически на каждом личном компьютере. Овладеть этим хитрым редактором пытается каждый, кто хочет в дальнейшем профессионально заниматься изображениями и, в частности, фотографиями. Посредством этой программы можно с лёгкостью конвертировать png в jpg.

Для непосредственной работы в этом графическом редакторе понадобится установленная программа и изображения. Пользователю нужно открыть файл с PNG-расширением, в меню найти подраздел с названием «Файл», в ниспадающем списке найти предложение «Сохранить как». Окно для дальнейшего сохранения содержит несколько списков, кроме «Имя файла» нужно указать соответствующий «Тип файла». Для преобразования в требуемый формат нужно выбрать строку JPEG, файлы этого расширения могут быть как *.JPG, так *.JPEG и *.JPE. Преимущество этого программного комплекса кроется в его мощнейшем функционале, о чём свидетельствует возможность создать определённый макрос, способный самостоятельно выполнять некоторые однотипные действия, например, переименовывать большое количество изображений.

Чем открыть webp в linux. Добавляем поддержку Webp

• Как добавить поддержку WebP в Linux
• Программы, поддерживающие работу с изображениями WebP в Linux и Windows
• Как конвертировать изображения WebP в JPG, JPEG, PNG и другие форматы

Для работы с форматом webp в линукс нужно установить пакет командой:

sudo apt install webp

1	sudo apt install webp

Теперь можно использую терминал конвертировать изображения в нужный нам формат.

Программы с графическим интерфейсом для работы с WebP в linux

На мой взгляд самыми удобными для для открытия файлов webp это gThumb (для рабочей среды gnome и всех сделанных на её основе) и Gwenview (штатный обозреватель фото для KDE). Пользуюсь обеими первая хороша как быстрый и удобный просмотровщик фотографий с помощью второй можно еще делать небольшое редактирование.

Если вы не используете KDE учтите, что будут загружены и установлены пакеты этой среды рабочего окружения. Для установки Gwenview выполните команду:

sudo apt install gwenview

1	sudo apt install gwenview

Для полной русификации программ KDE установите поддержку Русского языка. Команда:

sudo apt install kde-l10n-ru

1	sudo apt install kde-l10n-ru

Для установки gThumb выполните команду:

sudo apt install gthumb

1	sudo apt install gthumb

После установки можно свободно открывать, просматривать и сохранять картинки в нужном вам формате. gThumb я сделал программой по умолчанию работающей с форматом webp. В XFCE это сделать очень просто. Кликните по файлу правой кнопки мыши и в контекстном меню выберите «Открыть в другом приложении» (Открыть с помощью)

Я предпочитаю всем сервисам впн создавать свой. Вот инструкция как создать собственный VPN сервер

  Виртуальный жесткий диск. Утилита Disk2vhd

Выберите левым кликом мыши по нужному приложению, в данном случае gThumb, и поставьте флаг в чекбоксе «Использовать по умолчанию для этого типа файлов». После чего нажмите кнопку открыть.

Теперь при открытии файлов данного типа будет использована эта программа.

Конвертировать JPEG / PNG в WebP

Для преобразования файлов JPEG или PNG в WebP нужно использовать программу «cwebp» для сжатия. Пример команды:

cwebp -q [JPEG / _имя_файла_PNG] -o

Пример изменения файла:

cwebp -q 90 example.jpeg -o example.webp

1	cwebp -q 90 example.jpeg -o example.webp

После применения команды, файл example.jpeg будет преобразован в example.webp.

Конвертировать WebP в JPG / PNG

Думаю более интересно обратное изменение файлов в более привычные для нас форматы. Теперь изменим webp на jpg или png. Для этого применим программу «dwebp». Пример команды:

dwebp -o

Пример для конвертирования:

dwebp example.webp -o example.png

1	dwebp example.webp -o example.png

В результате получим файл example.png в привычном формате .png. Если нужно в jpeg/jpg то вместо .png пишем .jpeg или .jpg.

Для пакетной конвертации также прекрасно подойдет кроссплатформенная программа «Converseen» речь о ней будет в конце статьи. А подробный обзор находится здесь. Для установки используйте команду:

sudo apt install converseen

1	sudo apt install converseen

Стандартная программа Paint

Помочь перевести png в jpg может весьма простой и функциональный программный комплекс, который не нужно устанавливать дополнительно. Paint — логичная и простая программа, которая устанавливается на компьютере вместе с операционной системой, кроме того, она не требует в отличие от Photoshop, например, профессиональных знаний и дорогостоящей лицензии.

Воспользоваться возможностями Paint можно сразу же после открытия программы и картинки. В перечне возможных операций, представленных Paint, нужно найти пункт «Сохранить как», дальше появится небольшое подменю, в котором придётся найти «Изображение с расширением JPEG». Пользователю нужно только указать место, в которое требуется сохранить картинку. Однако при работе со встроенным редактором нужно быть готовым к тому, что конечное полученное изображение может иметь не такое высокое качество как исходное, в этом кроется недостаток стандартной программы. Photoshop — более мощный инструмент, который способен на выходе отдавать одинаково качественные по сравнению с получаемыми картинки и фото.

Поддерживает ли WebP прогрессивный или чересстрочный дисплей?

WebP не предлагает прогрессивного или чересстрочного обновления декодирования в смысле JPEG или PNG. Это может оказать слишком большую нагрузку на процессор и память клиента декодирования, поскольку каждое событие обновления включает полный проход через систему декомпрессии.

В среднем декодирование прогрессивного изображения JPEG эквивалентно декодированию базовой линии 3 раза.

В качестве альтернативы, WebP предлагает инкрементное декодирование, где все доступные входящие байты битового потока используются, чтобы попытаться создать отображаемую строку выборки как можно скорее. Это позволяет сэкономить память, ЦП и перерисовать данные на клиенте, одновременно обеспечивая визуальные подсказки о состоянии загрузки. Функция инкрементного декодирования доступна через API расширенного декодирования .

Программы для конвертации Webp в JPEG или PNG

Paint, классика Windows хороша для всего

Популярное приложение Paint, встроенное в Windows 10 имеет возможность открывать файлы WebP, при этом конвертировать в другие форматы изображений , среди которых самые популярные, такие как JPG, PNG, BMP или GIF. Для этого нам нужно будет только открыть изображение WebP, затем щелкнуть «Файл» и, наконец, «Сохранить как». Далее мы должны выбрать формат, в который мы собираемся преобразовать и сохранить его. Хотя формат WebP совместим с прозрачные пленки , они теряются при преобразовании в PNG с помощью Paint из-за небольшой поддержки этого формата.

GIMP, альтернатива Photoshop, также конвертирует WebP

Это популярное бесплатное приложение для редактирования изображений с открытым исходным кодом, сопоставимое с Photoshop, также позволяет нам конвертировать изображения WebP в другие форматы изображений, такие как JPG и PNG. Для этого мы должны открыть наш файл WebP и затем нажать «Экспортировать как». После того, как мы сможем выполнять всевозможные действия по редактированию, если это необходимо. Затем мы можем выбрать из широкого списка форматов, мы выбираем тот, который нам нужен, и нажимаем «Экспорт». Поскольку это инструмент для редактирования изображений, он не рекомендуется новым пользователям, которым требуется только возможность конвертировать изображения.

Вы можете скачать GIMP бесплатно сайт разработчика .

XnView, программа просмотра, способная конвертировать изображения WebP

Это один из самые популярные зрители изображений , который помимо некоторых функций редактирования также может конвертировать из формата WebP в более распространенные, такие как JPG, PNG, TIFF, GIF, PCX и другие. Выполнить процесс очень просто, так как нам нужно будет только щелкнуть «Файл» и «Открыть», чтобы загрузить наш файл. Позже мы сможем отредактировать его из программы. По завершении снова нажмите «Файл» и выберите «Экспорт». Затем появится новое окно, в котором мы должны выбрать формат, в который мы собираемся преобразовать, качество и цветовой режим среди других действий. Мы нажмем «Сохранить», чтобы выбрать, где мы хотим разместить новый преобразованный файл.

Вы можете бесплатно попробовать XnView для преобразования изображений WebP, нажав по этой ссылке.

Romeolight WebPconv, инструмент для преобразования изображений

Это настольный инструмент, с помощью которого мы можем конвертировать изображения WebP в JPG. Он имеет как устанавливаемый и переносной версия. Для начала мы должны щелкнуть вкладку «ДЕКОДИРОВАТЬ», а затем щелкнуть «три горизонтальные полосы», которые мы находим в верхней правой части. Теперь мы переходим к опции «ДЕКОДИРОВАНИЕ» и выбираем желаемый формат (JPG, PNG и т. Д.). Затем мы щелкаем значок плюса (+), выбираем изображение WebP нашего компьютера и нажимаем кнопку «Воспроизвести». Как только это будет сделано, на нашем рабочем столе появится новая папка с преобразованным изображением. Хотя процесс быстрый, он несколько менее прост, чем другие подобные приложения.

Вы можете бесплатно скачать Romeolight WebPconv с его веб-сайт Честного ЗНАКа .

XnConvert, конвертирует изображения WebP в несколько форматов

Это быстрый, мощный и бесплатный многоплатформенный пакетный конвертер изображений для личного пользования, с устанавливаемой и переносной версией. С помощью этого приложения мы можем конвертировать наш файл WebP в JPG, PNG, а также в другие форматы. Первое, что мы должны сделать, это щелкнуть вкладку «Ввод», нажать кнопку «Добавить файлы» и выбрать наш файл WebP. Затем мы щелкаем вкладку «Вывод» и выбираем формат, в который мы хотим преобразовать, например, JPG, в раскрывающемся списке «Формат». Наконец, нажмите кнопку «Конвертировать», расположенную в правом нижнем углу, чтобы программа позаботилась о преобразовании.

Вы можете бесплатно скачать XnConvert, чтобы конвертировать все ваши файлы WebP в другие форматы, с сайт разработчика .

WebP vs JPEG: данные исследования

В январе 2019 года Google обновили
исследование, в котором сравнивали сжатие изображений с помощью WebP и JPEG.

Как проводили исследование

Использовали два типа оценок. В первом случае генерировали изображения WebP того же качества, что и изображения JPEG, а затем сравнивали размеры получившихся файлов. Качество измеряли с помощью индекса SSIM, для вычисления использовали
общедоступную реализацию на C ++.

Для второй оценки анализировали графики качества и битов на пиксель (bpp) для WebP и JPEG. Эти графики показывают компромисс между искажениями и скоростью для обоих форматов.

Изображения брали из нескольких наборов:

• Lenna — картинки 512 x 512 px;
• Kodak — 24 изображения из набора цветных изображений Kodak;
• Tecnick — 100 цветных изображений RGB из коллекции Tecnick.com;
• Image_crawl — случайная выборка картинок PNG из базы данных веб-сканирования Google Image Search.

Результаты исследования

По первому методу оценивания выяснилось, что при одинаковом качестве средний размер файла WebP на 25-34% меньше по сравнению с размером файла JPEG.

Средний размер файла с одинаковым качеством, JPEG Q = 75

По методу подсчета битов на пиксель графики показали, что при одинаковом индексе SSIM для сжатия WebP нужно меньше битов на пиксель, чем для JPEG.

График для набора данных Kodak

По итогу исследования ясно, что WebP может обеспечить лучшее сжатие изображения по сравнению с JPEG.

Кто использует прогрессивный JPEG в продакшне?

• с базовым уровнем качества 85%. Они замерили субъективную задержку, воспринимаемую пользователем (время до первого прохода и общее время загрузки), и решили, что PJPEG в целом подходит исходя из качества компрессии, скорости кодирования и декодирования.
• Facebook выдаёт прогрессивные JPEG в приложении iOS. Это на 10% уменьшило трафик и на 15% ускорило выдачу изображений «хорошего качества».
• Yelp перешёл на прогрессивный JPEG. Это одна из мер, которая уменьшила размер изображений примерно на 4,5%. Она сократился ещё на 13,8% за счёт MozJPEG.

На сайте Pinterest изображения кодируются только в прогрессивном JPEG. Для пользователей удобнее, когда картинка проявляется постепенно

Как это изменит ваши практики веб-дизайна

Основным преимуществом WebP является небольшой размер файла, поэтому веб-страницы будут загружаться быстрее, и вы будете использовать меньше ресурсов с вашего сервера. Это также означает, что вы сможете использовать более крупные изображения с большим количеством цветов без увеличения текущей нагрузки на сервер, если ваши посетители используют браузер, который их поддерживает.

Вам не нужно быть настолько добросовестным, чтобы использовать меньшие области в ваших макетах для ваших изображений. Вы можете использовать размеры, которые подходят для дизайна, вместо того, чтобы подгонять дизайн под меньшие изображения из-за скорости страницы или времени загрузки.

Конвертеры онлайн WEBP в Jpg

В Интернете есть конвертеры, которые конвертируют разные форматы файлов и сохраняют их на компьютер. Список конвертеров:

• image.online-convert.com/ru/convert/webp-to-jpg;
• www.iloveimg.com/ru/convert-to-jpg/webp-to-jpg;
• webptojpg.com/ru/.

Конвертеры работают бесплатно, не требуют регистрации от пользователей. Разберем конвертацию файлов на последнем конвертере из списка.

Нажимаем на кнопку «Загрузить» или переносим картинку с компьютера левой кнопкой мыши на конвертер (Скрин 3).

Далее, жмите кнопку «Конвертировать» (Скрин 4).

После этого, нажимаете «Скачать», чтобы картинка загрузилась на компьютер в формате Jpg.

Как конвертировать изображения в WebP?

XnConvert

XnConvertXnConvert поддерживает пакетную оптимизацию изображений, выполняя прямое преобразование из исходных файлов в WebP и другие форматы. Кроме сжатия, XnConvert умеет удалять метаданные, обрезать картинки, настраивать глубину цвета и выполнять другие преобразования

• Метаданные: редактирование
• Преобразования: поворот, обрезание, изменение размера
• Регулировки: яркость, контраст, насыщенность
• Фильтры: размытие, рельеф, резкость
• Эффекты: маски, водяные знаки, виньетирование (частичное затемнение)

Imageminimagemin-webp

Плагин WebP для Gulpзагрузчик WebP для WebPack

cwebp

jpeg-recompress

svgo

оптимизации изображений в Bashраспараллеливании

Другие приложения для обработки и редактирования WebP

• Leptonica — целый веб-сайт свободных приложений для обработки и анализа изображений.
• Sketch поддерживает сохранение в WebP.
• GIMP — бесплатная альтернатива Photoshop с открытым исходным кодом.
• ImageMagick — создание, компоновка, преобразование и редактирование растровой графики. Бесплатный, работает из командной строки.
• Pixelmator — коммерческий редактор изображений для Mac.
• Photoshop WebP Plugin — бесплатный плагин от Google. Импорт и экспорт изображений в Photoshop.

«Создание изображений WebP с помощью Android Studio»

Что такое WebP

WebP —  это новый формат изображений который пришел на смену jpg и png которые используются повсеместно на всех сайтах. Самое главное отличие данного формата это меньший размер при аналогичном качестве изображения. Все благодаря новой системе сжатия которая состоит из двух этапов:

1. На первом делается попытка «предсказать» содержимое одних блоков по уже декодированным (три блока над текущим и один блок слева от него)
2. на втором кодируется ошибка предсказания. В результате чего изображение получается легче и без потерь в качестве

WebP позволяет уменьшать файлы изображений без значимой потери в качестве.

Результаты сравнения WebP к PNG и JPG

• В сравнении с PNG при сжатии без потерь файл по размеру меньше на 24%;
• В сравнении JPEG при сжатии с потерями файл по размеру меньше на 25-34%.

Чтобы наглядно показать разницу между форматами есть инструмент под названием Squoosh

Squoosh —   инструмент разработанный компанией Google который предоставляет возможность не только оптимизировать ваши изображения под самые современные форматы изображений, но и наглядно сравнить разницу сжатий между форматами:

• сравнение формата jpeg и webP
• сравнение уровня сжатия между avif  и webP
• сравнение форматов png и webP

Как видите  в этом примере мы сравниваем какой формат лучше сжимаем avif  и webP где avif сжимает на 6% лучше!

• с левой стороны видим что наша картинка JPG при конвертировании в формат avif уменьшит ее размер на 83%
• с правой стороны видим что картинка JPG при конвертировании в формат webP уменьшит ее размер на 76%

А теперь представьте масштаб вашего сайта или интернет магазина, где тысячи картинок и как все это можно уменьшить! у меня средний интернет магазин занимает на хостинге порядка 5 гигабайт фотоданных, т.к. многие сайты при загрузки картинки создает еще дополнительные картинки разных размеров в целях оптимизации и скорости сайта и 1 загруженная фотография создает еще таких же 5 фотографий разных форматов!

В чем плюсы от перехода сайта на  WebP

1. Улучшение скорости сайта — значит увеличивается шанс конверсии!
2. Улучшения поведенческих факторов — за счет быстрой загрузки страницы
3. Уменьшение нагрузки на сервер сайта и дисковое пространство хостинга

Напомню, что с 2020 года Гугл и Яндекс очень сильно акцентируют внимание на скорости загрузки сайта и если скорость будет плохой, можете забыть о хороших позициях в мобильной выдаче (читайте о нововведениях гугла с мая 2012 года когда будет внедрен  web core vitals )

Кстати на данный момент мой блог крутится на одном из лучших хостингов в России, да я о компании Beget (как выбрать хостинг для сайта я уже писал статью) и один из пунктов второй части по ускорению загрузки будет подключение дополнительных услуг на хостинге которые подключают дополнительное кеширование, но это в другой статье расскажу.

На чем сделан Ваш сайт?
WordPress 56.36%

Joomla 7.27%

OpenCart 9.09%

Bitrix 10.91%

Drupal 0%

Другие 16.36%
Проголосовало: 55

Как открыть на ПК

Для просмотра и форматирования webp-данных можно воспользоваться некоторыми графическими редакторами и интернет-браузерами, к которым следует отнести:

• Opera;
• Adobe Photoshop;
• Google Chrome.

С подобным форматом можно работать и на других ОС, помимо Windows – Linux и Mac OS. Если при попытке открыть файл в обычном программном обеспечении для просмотра изображений выдается ошибка, значит была использована некорректная программа.

Adobe Photoshop

Открыть формат в фотошопе не составит труда. Для этого необходимо загрузить программное обеспечение с официального источника. Если программа уже установлена, следует открыть ее. Затем в верхнем левом углу нажать на кнопку «Файл», выбрать вариант «открыть» и переместиться в ту область памяти, где расположен необходимый файл. Нажав на него и на кнопку «открыть», пользователь подтверждает запуск, и программа немедленно его открывает.

Программное обеспечение позволяет не только просматривать изображение, но и предоставляет обширный ряд инструментов для редактирования и обработки объекта, что используется многими графическими дизайнерами.

Подмена адреса

Если пользователь не знает, как открыть файл формата webp с помощью программного обеспечения, необходимо воспользоваться простым методом, которые заключается в подмене адреса.

На объект необходимо два раза кликнуть левой кнопкой мыши, после чего изображение откроется в новой вкладке браузера. В адресной строке можно увидеть длинный адрес, а в конце три стандартных символа -rw. Их необходимо стереть и нажать «ввод» для повторного открытия данных в браузере. Теперь изображение обновится и откроется в исходном формате (JPEG или PNG).

Далее картинка скачивается привычным образом. Для этого необходимо нажать на нее правой кнопкой и нажать на «сохранить изображение как…». Далее пользователь выбирает область памяти, куда ее следует сохранить, и подтверждает операцию.

После этого изображение можно открыть в любой программе для работы с картинками и выполнить необходимые действия.

Butteraugli

В этом примере Butteraugli ищет минимальный порог качества JPEG, чтобы пользователь не заметил визуальной разницы между изображениями. Это позволило уменьшить размер файла на 65%Мне потребовалось около 30 минут для локальной настройки Butteraugli после установки Bazel и сборки исходников C++ для корректной компиляции на Mac. Его использование относительно простое: укажите два изображения для сравнения (исходная и сжатая версия) — и получите оценку

Объединение энкодеров?

без потерьАрии Хидаята

WebP: сравнение размеров файлов и оценки визуального сходства на разных уровнях качества

Как сделать JPEG из WebP

Существует несколько способов конвертировать WebP в более удобоваримый для компьютера и штатных инструментов редактирования формат.

Самый простой, но «грязный» – не скачивать картинку, а сделать её скриншот прямо на сайте. Для удобства рекомендую воспользоваться комбинацией клавиш Shift+CTRL+CMD+4. Правда, более-менее приемлемый результат удастся получить только на компьютерах с большим разрешением экрана, а вот на старых MacBook Air, например, качество будет откровенно так себе.

Конвертация картинок на Mac

Способ посложнее состоит в том, чтобы произвести конвертацию прямо на Mac. Несмотря на то что для этого не потребуется дополнительных программных инструментов, этот способ доступен не всем. Во всяком случае, на macOS High Sierra его нет, а значит, он появился только в более новых версиях ОС:

• Сохраните на Mac картинку в формате WebP;
• Откройте её через штатную утилиту «Просмотр»;

В новых версиях macOS есть возможность изменить формат картинки вручную

• В верхнем меню выберите «Файл – «Дублировать»;
• Закройте дубликат, выберите формат JPG и сохраните его.

Google решила сделать Chrome таким же безопасным, как Safari

Ну, и третий способ, который позволяет относительно быстро и без стороннего ПО конвертировать изображения в формате WebP во что-то более привычное, состоит в том, чтобы воспользоваться онлайн-конвертерами.

Онлайн-конвертер картинок

На самом деле их по интернету существует довольно много, но мне привычнее пользоваться iLoveIMG. Он обладает приятным и ненавязчивым интерфейсом и отличается высокой скоростью конвертации.

• Перейдите по этой ссылке на сайт iLoveIMG.com;
• В открывшемся окне выберите раздел Convert to JPG;

Онлайн-конвертация — один из самых простых способов

• Перетащите в окно конвертации изображение с Mac;
• Нажмите Convert to JPG и скачайте готовую картинку.

Зачем нужен WebP

Безусловно, конвертируя изображение, нужно быть готовым к пусть и небольшим, но всё-таки имеющим место потерям качества. Избежать этого не поможет ни конвертация в JPEG, ни в PNG. Даже создание скриншота не позволит сохранить все те аспекты исходного изображения и перенести их на дубликат, сделанный с экрана.

Обратите внимание на вес: слева — JPG, справа — WebP

Поэтому для профессиональной работы такие картинки, само собой, не подойдут. Другое дело, что профессионалы, скорее всего, и не возьмутся за редактирование WebP-изображений. А для бытового использования разницы как таковой заметно не будет.

Впрочем, понять Google тоже можно. Она как никто заинтересована в развитии интернета и прикладывает для этого все усилия. Перевод сайтов на формат изображений WebP — один из шагов по совершенствованию мирового онлайн-пространства. Ведь картинки в таком формате весят на 20-200% меньше, чем PNG или JPEG, а значит, будут быстрее обрабатываться и сократят вероятность закрытия сайта до полной загрузки.

Как конвертировать WebP в другие форматы в Windows

В Windows вы можете либо напрямую загрузить изображение WebP в популярном формате файла, либо преобразовать существующие изображения WebP в другие форматы.

Вот как это сделать.

Скачать изображения WebP в другом формате

Для браузера Chrome есть расширение, которое позволяет загружать изображения WebP в формате PNG. Вы можете использовать это бесплатное расширение и скачать любое изображение WebP с любого веб-сайта в формате PNG (вы также можете использовать множество других полезных расширений Chrome ).

Вот как это сделать:

Преобразование загруженных изображений WebP в другие форматы

Если вы уже загрузили изображение WebP, на вашем ПК с Windows есть встроенное приложение, которое можно использовать для преобразования этого изображения в другой формат.

Это приложение MS Paint, с которым вы, вероятно, знакомы, и вы также можете использовать его для преобразования изображений.

Вот как вы используете Paint для преобразования WebP в другой формат:

1. Щелкните правой кнопкой мыши изображение WebP и выберите « Открыть с помощью», а затем « Paint» .
2. Ваше изображение должно открыться в MS Paint.
3. Щелкните меню « Файл» вверху и наведите указатель мыши на « Сохранить как» .
4. Вы увидите несколько форматов изображений справа от кнопки «Сохранить как». Выберите формат, в который хотите преобразовать изображение WebP.
5. Нажмите « Сохранить» на следующем экране, чтобы сохранить изображение WebP в выбранном формате.

Зачем использовать анимированный WebP?

Преимущества анимированного WebP по сравнению с анимированным GIF

WebP поддерживает 24-битный цвет RGB с 8-битным альфа-каналом по сравнению с 8-битным цветом GIF и 1-битным альфа-каналом.
WebP поддерживает сжатие с потерями и без потерь; фактически, одна анимация может комбинировать кадры с потерями и без потерь. GIF поддерживает только сжатие без потерь. Методы сжатия с потерями в WebP хорошо подходят для анимированных изображений, созданных из реальных видео, которые становятся все более популярным источником анимированных изображений.
WebP требует меньше байтов, чем GIF  . Анимированные GIF, конвертированные в WebP с потерями, на 64% меньше, а WebP без потерь на 19%. Это особенно важно в мобильных сетях.
WebP занимает меньше времени для декодирования при наличии поиска. В режиме Blink прокрутка или изменение вкладок могут скрывать и отображать изображения, в результате чего анимация приостанавливается, а затем пропускается вперед в другую точку. Чрезмерное использование ЦП, приводящее к отбрасыванию кадров анимации, также может потребовать от декодера поиска вперед в анимации. В этих сценариях анимированный WebP занимает в 0,57 раза больше общего времени декодирования, чем GIF, что приводит к уменьшению задержки при прокрутке и более быстрому восстановлению после скачков загрузки ЦП. Это связано с двумя преимуществами WebP над GIF:Изображения WebP хранят метаданные о том, содержит ли каждый кадр альфа, что устраняет необходимость в декодировании кадра для такого определения. Это приводит к более точному выводу, от которого зависят предыдущие кадры, от которого зависит данный кадр, тем самым уменьшая ненужное декодирование предыдущих кадров.
Как и современный видеокодер, кодер WebP эвристически добавляет ключевые кадры через равные промежутки времени (чего не делает большинство кодеров GIF). Это значительно улучшает поиск в длинных анимациях. Чтобы упростить вставку таких кадров без значительного увеличения размера изображения, WebP добавляет флаг «метод наложения» для каждого кадра в дополнение к методу удаления кадров, который использует GIF. Это позволяет рисовать ключевой кадр так, как если бы все изображение было очищено до цвета фона, не заставляя предыдущий кадр быть полноразмерным.

Недостатки анимированного WebP по сравнению с анимированным GIF

В отсутствие поиска прямолинейное декодирование WebP требует больше ресурсов процессора, чем GIF. Lossy WebP занимает в 2,2 раза больше времени декодирования, чем GIF, а без потерь WebP — в 1,5 раза больше.
Поддержка WebP не так широко распространена, как поддержка GIF, которая является универсальной.
Добавление поддержки WebP в браузеры увеличивает площадь кода и поверхность атаки. В Blink это примерно 1500 дополнительных строк кода (включая библиотеку демпфирования WebP и декодер изображений на стороне Blink). Обратите внимание, что эта проблема может быть уменьшена в будущем, если WebP и WebM совместно используют более общий код декодирования или если возможности WebP включены в WebM.

Почему бы просто не поддерживать WebM в ?

Возможно, в долгосрочной перспективе имеет смысл поддерживать форматы видео внутри  тега. Однако сделать это сейчас с намерением, чтобы WebM мог выполнять предложенную роль анимированного WebP, проблематично:

Конечные мысли

Это наш взгляд на то, что такое WebP и что такое файл WebP. Этот формат значительно уменьшает размеры файлов изображений, экономя много места и сокращая время загрузки. Основным недостатком является то, что он совместим только с несколькими браузерами. К счастью, вы можете использовать плагин, который преобразует вашу текущую библиотеку в WebP для тех, кто использует совместимые браузеры, при этом обслуживая общие типы файлов для тех, которые не могут просматривать формат WebP.

WebP – это интересный формат. Так как это от Google, я ожидаю, что это в конечном счете завоевывает популярность. Это было с 2010 года, поэтому оно движется медленно. Экономия на размере файла и скорости загрузки делает целесообразным использование плагинов для конвертации изображений для тех посетителей, которые могут их использовать. Это бесплатная скорость.

Конвертация формата путем замены расширения файла

Поставленную задачу можно решить другим способом без онлайн программ и редакторов. В оболочке Windows для этого следует пройти по такому пути: «Пуск» → «Панель управления» → «Параметры папок» → раздел «Вид». Там отыскать строчку «Скрывать расширение для зарегистрированных типов файлов», убрать напротив нее галочку, кликнуть «Применить» и «Ок». Такое простое действие приведет к тому, что расширения файлов будут отображаться.

Далее для замены формата нужно просто переименовать файл, поменяв вручную его расширение. В момент переименования появляется вот такое предупреждение:

В нем ничего страшного нет, нужно нажать «Ок». Но во избежание случайной потери информации рекомендуется сделать копию первичного изображения.

Вот такими способами можно преобразовывать jpg в png. Способ с онлайн-сервисами подойдет как для компьютеров, так и для мобильных устройств, остальные способы подойдут для ПК.

Can a WebP image grow larger than its source image?

Yes, usually when converting from a lossy format to WebP lossless or
vice versa. This is mainly due to the colorspace difference (YUV420 vs ARGB)
and the conversion between these.

There are three typical situations:

1. If the source image is in lossless ARGB format, the spatial downsampling
   to YUV420 will introduce new colors that are harder to compress than
   the original ones. This situation can typically happen when the source
   is in PNG format with few colors: converting to lossy WebP (or, similarly
   to a lossy JPEG) will potentially result in a larger file size.
2. If the source is in lossy format, using lossless WebP compression
   to capture the lossy nature of the source will typically result in
   a larger file. This is not particular to WebP, and can occur when
   converting a JPEG source to lossless WebP or PNG formats, for instance.
3. If the source is in lossy format and you are trying to compress it
   as a lossy WebP with higher quality setting. For instance, trying to
   convert a JPEG file saved at quality 80 to a WebP file with quality 95
   will usually result in a larger file, even if both formats are lossy.
   Assessing the source’s quality is often impossible, so it is advised to
   lower the target WebP quality if the file size is consistently larger.
   Another possibility is to avoid using the quality setting, and instead
   target a given file size using the option in the tool,
   or the equivalent API. For instance, targeting 80% of the original file
   size might prove more robust.

Note that converting a JPEG source to lossy WebP, or a PNG source to lossless
WebP are not prone to such file size surprises.

Резюме файла WEBP

У нас есть шесть существующие программные обеспечения, связанные с файлами WEBP (как правило это программное обеспечение от Adobe Systems Incorporated, известное как Adobe Photoshop), и их можно отнести к категории основных типов файлов один. Традиционно эти файлы имеют формат Google Image File Format .
Основную часть этих фацлов классифицируют, как Raster Image Files.

Файлы WEBP были обнаружены на платформах Windows, Mac и iOS. Они подходят для настольных ПК (и мобильных устройств).

Рейтинг популярности основного типа файла WEBP составляет «Низкий», что означает, что эти файлы встречаются на стандартных настольных комьютерах или мобильных устройствах достаточно редко.