Веб-галерея

Эту страницу галереи лучше всего просматривать в браузере, поддерживающем WebP, например Google Chrome, Opera и других .

Если у вас нет доступа к Google Chrome, вы можете загрузить изображения на свой локальный диск и использовать их с другими продуктами, поддерживающими WebP .

Примеры файлов изображений в форматах JPEG и WebP, а также исходный код PNG

В таблице ниже для сравнения показаны масштабированные изображения JPEG (слева) и WebP (справа). Поскольку существуют браузеры, которые изначально поддерживают WebP, мы больше не размещаем изображения WebP в контейнере PNG, как это было при запуске. Размеры файлов изображений указаны точно. Нажатие на миниатюры JPEG и WebP откроет большие изображения на новой вкладке.

Размеры файлов под миниатюрами соответствуют размерам файлов изображений, просматриваемых при нажатии на миниатюры. Изображения WebP более чем на 30% меньше изображений JPEG.

JPEG

ВЕБП

«Нэрой-фьорд, Норвегия – из Брейскредноси. Всемирное наследие ЮНЕСКО» 1

Размер файла JPEG: 43,84 КБ.
Веб-изображение
Размер файла WebP: 29,61 КБ.
«Каякер на Экстремспортвеко 2010, Восс». 2

Размер файла JPEG: 86,25 КБ.
Веб-изображение
Размер файла WebP: 59,18 КБ.
Кадр 10 из 3- го эпизода «Паркрана».

Размер файла JPEG: 297,05 КБ.
Веб-изображение
Размер файла WebP: 198,38 КБ.
Изображение: «Дикая вишня (Prunus avium) в цвету» 4

Размер файла JPEG: 251,03 КБ.
Веб-изображение
Размер файла WebP: 172,82 КБ.
Изображение: Огнедышащий «Духовой оркестр Джайпурского махараджи» Шассепьер Бельгия 5

Размер файла JPEG: 120,78 КБ.
Веб-изображение
Размер файла WebP: 80,76 КБ

Авторы изображений

Изображения на этой странице взяты из разных источников. Мы выбрали несколько восхитительных и насыщенных изображений, демонстрирующих качества WebP. Знаменитые классические изображения, такие как Лена, Бабуин и т. д., часто используемые при сравнении сжатия, к сожалению, не защищены авторскими правами.

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

1 «Нэрой-фьорд, Норвегия – из Брейскредноси. Всемирное наследие ЮНЕСКО»
Автор изображения: Кьетил Биркеланд Мо
Воспроизводится с разрешения автора.
PNG исходник
Сообщение в блоге автора со сравнением JPEG и WebP. Наведение мыши активирует примеры.
2 «Каякер на Экстремспортвеко 2010, Восс»
Автор изображения: Кьетил Биркеланд Мо
Воспроизводится с разрешения автора.
PNG исходник
Сообщение в блоге автора со сравнением JPEG и WebP. Наведение мыши активирует примеры.
3 10 кадр из эпизода «Паркрун».
Продюсер изображения: Ларс Хаглунд, SVT Sveriges Television AB
Воспроизведено с разрешения продюсера
PNG исходник
4 Изображение: «Дикая вишня (Prunus avium) в цвету»
Автор изображения: Бенджамин Гиммель
PNG исходник
Фотография доступна по лицензии Creative Commons Attribution-Share Alike 3.0 Unported .
5 Изображение: Огнедышащее "Духовой оркестр Джайпурского махараджи" Шассепьер Бельгия
Автор: Люк Виатур
PNG исходник
Фотография доступна по лицензии Creative Commons Attribution-Share Alike 3.0 Unported .
Сайт автора www.lucnix.be.

Воспроизведение изображений

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

Инструменты

Чтобы преобразовать и изменить масштаб исходных изображений, мы использовали последнюю версию инструмента ImageMagick под названием convert , доступную по адресу https://www.imagemagick.org . Информация о версии гласит:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

Для сжатия JPEG мы использовали версию 8b эталонного кодировщика IJG, доступную по адресу https://www.ijg.org/files/jpegsrc.v8b.tar.gz .

Информация о версии гласит:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

Создание исходных изображений PNG

Во-первых, источники JPEG преобразуются без потерь в формат PNG, просто используя:

convert in.jpg out.png

Затем большие исходные изображения масштабируются до меньшей ширины в 1024 пикселя с помощью следующей команды:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

для создания окончательного набора исходных изображений PNG.

Сжатие в формат JPEG

Кодировщик JPEG ( cjpeg ) принимает входные изображения в формате PPM. Мы используем convert для их генерации. Полная последовательность преобразования тогда:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

который создает оптимизированные файлы JPEG с коэффициентом качества 80.

Сжатие в формат WebP

Мы стремились уменьшить размер файла на 30 % по сравнению с оптимизированными файлами JPEG. Таким образом, мы явно указали целевые размеры для каждого изображения. Кроме того, мы устанавливаем специальные значения силы фильтрации для каждого изображения благодаря опции -f инструмента cwebp . Амплитуда пространственного формирования шума также усиливается для некоторых изображений с помощью опции -sns . Точные используемые командные строки гласят:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

В целом полученные файлы WebP обеспечили глобальную экономию на 32% по сравнению с размерами файлов JPEG.

Обратите внимание, что миниатюры WebP, используемые на этой странице, также на 26% меньше по сравнению с их эквивалентом в формате JPEG.