Lossless и Альфа Галерея

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

Параллельное сравнение

В таблице ниже представлены изображения PNG (сжатые с помощью pngcrush и pngout), изображения WebP без потерь и изображения WebP с потерями с Alpha для параллельного сравнения. Изображения накладываются на клетчатый фон, как это обычно делается в графическом программном обеспечении.

Обратите внимание, что мы использовали качество WebP 90 для изображений с потерями WebP с альфа-каналом и качество по умолчанию для изображений без потерь WebP. Дополнительные сведения см. в разделе «Воспроизведение изображений» .

Мы представляем изображения WebP, преобразованные обратно в PNG, для браузеров, не способных отображать WebP. Если у вас есть совместимый браузер, вы можете найти ссылки на файлы WebP ниже . Также изображения на этой странице уменьшены для удобства просмотра. Нажмите на любое изображение, чтобы просмотреть изображение в полном размере.

В таблице также указан размер изображения, полученного в каждом режиме.

PNG

WebP без потерь

WebP с потерями (с альфа-версией)

«Желтая роза» 1

Размер оптимизированного файла PNG: 110,7 КБ
Изображение без потерь в формате WebP
Размер файла WebP без потерь: 79,9 КБ.
Изображение WebP с потерями (с альфа-каналом)
Размер файла WebP с потерей качества (с альфа-версией): 17,7 КБ.
«детский смокинг для моей страницы пользователя» 2

Размер оптимизированного файла PNG: 38,1 КБ
Изображение без потерь в формате WebP
Размер файла WebP без потерь: 27,0 КБ.
Изображение WebP с потерями (с альфа-каналом)
Размер файла WebP с потерей качества (с альфа-версией): 13,8 КБ.
«Демонстрация прозрачности PNG» 3

Размер оптимизированного файла PNG: 213,5 КБ
Изображение без потерь в формате WebP
Размер файла WebP без потерь: 149,0 КБ.
Изображение WebP с потерями (с альфа-каналом)
Размер файла WebP с потерей качества (с альфа-версией): 51,6 КБ.
«189 лет со дня рождения Грегора Менделя» 4

Размер оптимизированного файла PNG: 49,2 КБ
Изображение без потерь в формате WebP
Размер файла WebP без потерь: 33,2 КБ.
Изображение WebP с потерями (с альфа-каналом)
Размер файла WebP с потерей качества (с альфа-версией): 18,3 КБ.
«Прозрачная карта компаса для наложений» 5

Размер оптимизированного файла PNG: 126,8 КБ
Изображение без потерь в формате WebP
Размер файла WebP без потерь: 97,1 КБ.
Изображение WebP с потерями (с альфа-каналом)
Размер файла WebP с потерей качества (с альфа-версией): 57,3 КБ.
«Желтая роза»: Файл WebP без потерь (80,1 КБ) Файл WebP с потерями (с альфа-версией) (18,4 КБ)
"детский смокинг для моей страницы пользователя": Файл WebP без потерь (27,0 КБ) Файл WebP с потерями (с альфа-версией) (14,1 КБ)
«Демонстрация прозрачности PNG»: Файл WebP без потерь (149,1 КБ) Файл WebP с потерями (с альфа-версией) (52,6 КБ)
«189 лет со дня рождения Грегора Менделя»: Файл WebP без потерь (33,3 КБ) Файл WebP с потерями (с альфа-версией) (19,0 КБ)
«Прозрачная карта компаса для наложений»: Файл WebP без потерь (97,1 КБ) Файл WebP с потерями (с альфа-версией) (57,3 КБ)

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

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

1 «Бесплатная стоковая фотография в высоком разрешении — Желтая роза 3 — Цветы»
Автор изображения: Джон Салливан
Этот файл находится в общественном достоянии.
источник JPEG
2 "детский смокинг для моей страницы пользователя"
Автор изображения: Физипланктон
Этот файл находится в общественном достоянии.
PNG исходник
3 «Демонстрация прозрачности PNG»
Автор изображения: исходный код POV-Ray
Фотография доступна по лицензии Creative Commons Attribution-Share Alike 3.0 Unported .
PNG исходник
4 «189 лет со дня рождения Грегора Менделя»
Автор изображения: команда Google Doodle
Спасибо команде Google Doodle за это изображение.
PNG исходник
5 «Прозрачная карта компаса для наложений»
Автор изображения: Denelson83
Этот файл доступен по лицензии Creative Commons Attribution-Share Alike 3.0 Unported .
PNG исходник

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

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

Инструменты

Для рекомпрессии PNG используется лучший результат pngcrush 1.8.13 и ZopfliPNG 1.0.3. Используются следующие параметры командной строки

PNGкраш:

pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png

ЗопфлиПНГ:

zopflipng --lossy_transparent input.png output-candidate.png

ZopfliPNG со всеми фильтрами:

zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png

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

convert image.png -resize 240x image_resized.png

Сжатие в WebP без потерь

Мы использовали опцию «без потерь» в инструменте cwebp для преобразования PNG в WebP без потерь. Чтобы получить минимальный вывод, использовалась точная командная строка:

cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp

Рендеринг WebP без потерь

Мы преобразовали изображения без потерь в формате WebP обратно в PNG с помощью инструмента dwebp для рендеринга. Точная использованная командная строка была следующей:

dwebp webp_lossless.webp -o output.png

Сжатие в WebP с потерями (с альфа-версией)

Мы использовали инструмент cwebp для преобразования PNG в WebP с потерями (с альфа-каналом). Мы выбрали качество WebP 90 (сжатие с потерями) и альфа-качество 100 (сжатие без потерь). Точная использованная командная строка была следующей:

cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp

Рендеринг WebP с потерями (с альфа-версией)

Мы преобразовали изображения с потерями WebP (с альфа-каналом) обратно в PNG с помощью инструмента dwebp для рендеринга. Точная использованная командная строка была следующей:

dwebp webp_alpha.webp -o output.png