Galería Alfa y sin pérdida

En esta galería, se presentan algunas imágenes de ejemplo que muestran dos nuevos modos de WebP: WebP sin pérdida y con pérdida de WebP con alfa (compatibilidad con transparencia).

Comparación en paralelo

La siguiente tabla muestra imágenes PNG (comprimidas con pngcrush y pngout) Imágenes WebP sin pérdidas e imágenes WebP con pérdida con Alpha para la vista en paralelo comparación. Las imágenes se superponen sobre un fondo a cuadros, como suele en un software gráfico.

Ten en cuenta que usamos calidad de WebP 90 para imágenes con pérdida de WebP con alfa y calidad predeterminada para imágenes WebP sin pérdidas. Consulta Reproduce las imágenes para obtener más detalles.

Presentamos las imágenes WebP, convertidas de nuevo a PNG, para los navegadores que no capaz de renderizar el formato WebP. Si tienes un navegador compatible, puedes encontrar a continuación, encontrarás vínculos a archivos WebP. Además, las imágenes de esta página se haya reducido para mayor comodidad. Haz clic en cualquier imagen para ver el tamaño original imagen.

La tabla también indica el tamaño de la imagen obtenida en cada modo.

PNG

WebP sin pérdida

WebP con pérdida (con alfa)

“Rosa amarilla” 1

Tamaño de archivo optimizado para PNG: 110.7 KB
Imagen WebP sin pérdida
Tamaño de archivo WebP sin pérdida: 79.9 KB
Imagen con pérdida WebP (con alfa)
Tamaño de archivo WebP con pérdida (con alfa): 17.7 KB
“esmoquin de bebé para mi página de usuario” 2

Tamaño de archivo optimizado para PNG: 38.1 KB
Imagen WebP sin pérdida
Tamaño de archivo WebP sin pérdida: 27.0 KB
Imagen con pérdida WebP (con alfa)
Tamaño de archivo WebP con pérdida (con alfa): 13.8 KB
"Demostración de transparencia de PNG" 3

Tamaño de archivo optimizado para PNG: 213.5 KB
Imagen WebP sin pérdida
Tamaño de archivo WebP sin pérdida: 149.0 KB
Imagen con pérdida WebP (con alfa)
Tamaño de archivo WebP con pérdida (con alfa): 51.6 KB
"189o aniversario del nacimiento de Gregor Mendel" 4

Tamaño de archivo PNG optimizado: 49.2 KB
Imagen WebP sin pérdida
Tamaño de archivo WebP sin pérdida: 33.2 KB
Imagen con pérdida WebP (con alfa)
Tamaño de archivo WebP con pérdida (con alfa): 18.3 KB
"Tarjeta de brújula transparente para superposiciones" 5

Tamaño de archivo optimizado para PNG: 126.8 KB
Imagen WebP sin pérdida
Tamaño de archivo WebP sin pérdida: 97.1 KB
Imagen con pérdida WebP (con alfa)
Tamaño de archivo WebP con pérdida (con alfa): 57.3 KB
“Rosa amarilla”: Archivo WebP sin pérdidas (80.1 KB) Archivo WebP con pérdida (con alfa) (18.4 KB)
"esmoquin de bebé para mi página de usuario": Archivo WebP sin pérdidas (27.0 KB) Archivo WebP con pérdida (con alfa) (14.1 KB)
"Demostración de transparencia de PNG": Archivo WebP sin pérdidas (149.1 KB) Archivo WebP con pérdida (con alfa) (52.6 KB)
"189o aniversario del nacimiento de Gregor Mendel": Archivo WebP sin pérdidas (33.3 KB) Archivo WebP con pérdida (con alfa) (19.0 KB)
"Tarjeta de brújula transparente para superposiciones": Archivo WebP sin pérdidas (97.1 KB) Archivo WebP con pérdida (con alfa) (57.3 KB)

Créditos de la imagen

Las imágenes de esta página provienen de distintas fuentes. Créditos para las imágenes de arriba se enumeran aquí en orden.

1 “Foto de archivo gratuita en alta resolución - Yellow Rose 3 - Flowers”
Autor de la imagen: Jon Sullivan
Este archivo es de dominio público.
Fuente JPEG
2 “baby tux for my user page”
Autor de la imagen: Fizyplankton
Este archivo es de dominio público.
Fuente PNG
3 “Demostración de transparencia de PNG”
Autor de la imagen: código fuente de POV-Ray
Foto con licencia de Creative Commons Licencia Attribution-Share Alike 3.0 Unported.
Fuente PNG
4 “189o aniversario del nacimiento de Gregor Mendel”
Autor de la imagen: equipo de Doodle de Google
Gracias al equipo de Doodle de Google por esta imagen.
Fuente PNG
5 “Tarjeta de brújula transparente para superposiciones”
Autor de la imagen: Denelson83
Este archivo cuenta con licencia de Creative Commons Licencia Attribution-Share Alike 3.0 Unported.
Fuente PNG

Cómo reproducir las imágenes

Para la reproducibilidad y para demostrar el uso de algunos WebP de compresión, describimos aquí los pasos exactos involucrados generando las imágenes de esta galería.

Herramientas

Para la recompresión de PNG, el mejor resultado de pngcrush 1.8.13 y ZopfliPNG 1.0.3 y control sobre el uso de sus datos. Se usan las siguientes opciones de línea de comandos

Pngcrush:

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:

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

ZopfliPNG con todos los filtros:

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

Para reescalar algunas de las imágenes de origen más grandes (solo para visualización), usamos un versión reciente de la herramienta de ImageMagick llamada convert, disponible en https://www.imagemagick.org. La línea de comandos exacta era la siguiente:

convert image.png -resize 240x image_resized.png

Comprimir a formato WebP sin pérdida

Utilizamos la técnica "sin pérdidas" en la herramienta cwebp para convertir PNG a WebP. sin pérdidas. Para obtener el resultado mínimo, la línea de comandos exacta usada fue de la siguiente manera:

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

Cómo renderizar WebP sin pérdidas

Convertimos las imágenes WebP sin pérdida de nuevo a PNG con la herramienta dwebp para la renderización. La línea de comandos exacta que se usó fue la siguiente:

dwebp webp_lossless.webp -o output.png

Comprimir a pérdida WebP (con alfa)

Usamos la herramienta cwebp para convertir los archivos PNG a WebP con pérdida (con alfa). Seleccionamos Calidad WebP de 90 (compresión con pérdida) y calidad alfa de 100 (sin pérdidas) compresión). La línea de comandos exacta que se usó fue la siguiente:

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

Renderización de WebP con pérdida (con alfa)

Convertimos las imágenes WebP con pérdida (con alfa) de nuevo a PNG con la herramienta dwebp para y procesamiento. La línea de comandos exacta que se usó fue la siguiente:

dwebp webp_alpha.webp -o output.png