Содержание этой галереи
Эту страницу галереи лучше всего просматривать в браузере, поддерживающем 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.