Contenido de esta galería
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 |
Tamaño de archivo WebP sin pérdida: 79.9 KB |
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 |
Tamaño de archivo WebP sin pérdida: 27.0 KB |
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 |
Tamaño de archivo WebP sin pérdida: 149.0 KB |
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 |
Tamaño de archivo WebP sin pérdida: 33.2 KB |
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 |
Tamaño de archivo WebP sin pérdida: 97.1 KB |
Tamaño de archivo WebP con pérdida (con alfa): 57.3 KB |
Estos son los vínculos a los archivos WebP (se pueden ver en Chrome 22 y versiones posteriores):
“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