Содержание этой галереи
В этой галерее представлены примеры изображений, демонстрирующих два новых режима 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 без потерь: 79,9 КБ. |  Размер файла WebP с потерей качества (с альфа-версией): 17,7 КБ. |
| «детский смокинг для моей страницы пользователя» 2 | ||
 Размер оптимизированного файла PNG: 38,1 КБ |  Размер файла WebP без потерь: 27,0 КБ. |  Размер файла WebP с потерей качества (с альфа-версией): 13,8 КБ. |
| «Демонстрация прозрачности PNG» 3 | ||
 Размер оптимизированного файла PNG: 213,5 КБ |  Размер файла WebP без потерь: 149,0 КБ. |  Размер файла WebP с потерей качества (с альфа-версией): 51,6 КБ. |
| «189 лет со дня рождения Грегора Менделя» 4 | ||
 Размер оптимизированного файла PNG: 49,2 КБ |  Размер файла WebP без потерь: 33,2 КБ. |  Размер файла WebP с потерей качества (с альфа-версией): 18,3 КБ. |
| «Прозрачная карта компаса для наложений» 5 | ||
 Размер оптимизированного файла PNG: 126,8 КБ |  Размер файла WebP без потерь: 97,1 КБ. |  Размер файла WebP с потерей качества (с альфа-версией): 57,3 КБ. |
Вот ссылки на файлы WebP (доступны для просмотра в Chrome 22 и более поздних версиях) :
| «Желтая роза»: | Файл 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