Guía del formato

PNG o WebP: cuál debería usar

Use WebP para las imágenes que un navegador va a mostrar. Conserve PNG para los archivos maestros y para todo lo que tenga que abrirse en cualquier sitio. Lo interesante es cuánto más pequeño se vuelve realmente WebP, y qué se pierde a cambio.

La diferencia medida

Google, que desarrolló el formato, publica las cifras: las imágenes WebP sin pérdida son un 26 % más pequeñas que las PNG, y las imágenes WebP con pérdida son entre un 25 y un 34 % más pequeñas que los JPEG comparables con la misma calidad. Son promedios sobre un conjunto de pruebas, no una promesa sobre su archivo concreto, pero fijan la expectativa correctamente.

Uno junto al otro

PNG y WebP comparados
Propiedad PNG WebP
Modos de compresión Solo sin pérdida Sin pérdida y con pérdida
Tamaño típico sin pérdida Referencia Alrededor de un 26 % más pequeño
Transparencia Sí, en ambos modos
Coste de la transparencia Incluido Alrededor de un 22 % más de bytes en modo sin pérdida
Animación APNG, con soporte irregular Sí, con amplio soporte
Se abre en los navegadores actuales En todas partes En todas partes
Se abre en software antiguo En todas partes A veces no

Las cifras de tamaño y transparencia proceden de la documentación de WebP de Google, que también indica que el WebP con pérdida y transparencia suele ser tres veces más pequeño que el PNG equivalente.

Dónde gana WebP

  • Imágenes en una página propia Todos los navegadores actuales muestran WebP. Un cuarto menos de peso en la imagen es una mejora real de velocidad en conexiones móviles.
  • Gráficos transparentes con contenido fotográfico Un logotipo sobre un fondo fotográfico es donde el WebP con pérdida y canal alfa saca la mayor ventaja a PNG.
  • Capturas de pantalla grandes y capturas de interfaz El color plano y el texto nítido se comprimen bien en WebP sin pérdida, así que conserva los píxeles exactos y pierde el volumen.
  • Donde el ancho de banda es la limitación Boletines por correo electrónico, sitios de documentación y catálogos con muchas imágenes.

Dónde PNG sigue siendo la opción correcta

Conserve el PNG como copia maestra. Convierta una copia de entrega. Esa única regla cubre la mayoría de los casos siguientes.

  1. Archivos que va a editar de nuevo Pasar repetidamente por un formato con pérdida degrada una imagen un poco cada vez. Un maestro sin pérdida evita por completo la cuestión.
  2. Flujos de trabajo de impresión y diseño Muchos programas de maquetación y preimpresión todavía esperan PNG o TIFF. Entregarle un WebP a una imprenta le va a costar un correo que no quiere recibir.
  3. Cualquier cosa que abra un sistema antiguo Las herramientas internas heredadas, los visores de documentos antiguos y algunos formularios de subida rechazan WebP directamente.
  4. Archivos que envía a otras personas Un compañero con un equipo antiguo puede que no consiga abrirlo con un doble clic. Esa es la única razón por la que se usa un convertidor de WebP a PNG.

WebP sin pérdida o con pérdida

WebP son en realidad dos formatos con una sola extensión de archivo. El modo sin pérdida conserva cada píxel exactamente. El modo con pérdida descarta detalles que el codificador considera que no notará, y el archivo se vuelve mucho más pequeño.

Elija sin pérdida para logotipos, diagramas, capturas de pantalla y cualquier cosa con bordes definidos o texto. Elija con pérdida para fotografías y para fondos en los que nadie va a hacer zoom. El texto con un ajuste con pérdida adquiere halos suaves alrededor de las letras, que es el artefacto que la gente nota primero.

El convertidor de Vaultaire ofrece ambos modos. En el modo sin pérdida, vuelve a leer el archivo nuevo y bloquea la descarga a menos que la salida sea realmente una imagen VP8L sin pérdida cuyos píxeles coincidan. Los valores alfa deben coincidir exactamente, con una tolerancia máxima de 2 por canal premultiplicado de 8 bits en el color parcialmente transparente, porque los codificadores nativos del navegador redondean esos valores.

Qué le hace la conversión a los metadatos

Convertir también es una forma de eliminar lo que va adjunto al archivo. El convertidor no copia los registros EXIF, ICC, de texto, de fecha ni C2PA de origen en el nuevo WebP, y después analiza el archivo terminado con un analizador independiente, manteniendo la descarga bloqueada si aparece algún registro.

Esto importa cuando el PNG proviene de una captura de pantalla del teléfono, una exportación de cámara o un generador de imágenes. Si quiere ver qué lleva adjunto antes de decidir, el inspector de metadatos lo enumera. Todo se ejecuta en el worker del navegador, y el archivo nunca se sube.

Límites prácticos del convertidor: un PNG estático, hasta 20 MB, 4,096 píxeles por lado y 16,000,000 de píxeles en total. El PNG animado se rechaza antes de la decodificación en lugar de exportarse en silencio como su primer fotograma.

Preguntas frecuentes sobre PNG y WebP

¿Es WebP mejor que PNG?

Para imágenes que se muestran en la web, normalmente sí. Según Google, el formato WebP sin pérdida es un 26 % más pequeño que el PNG. El PNG sigue siendo mejor cuando una herramienta, una impresora o un compañero necesitan el formato que todos los sistemas admiten desde hace décadas.

¿WebP admite transparencia?

Sí, en ambos modos. Google sitúa el canal alfa en WebP sin pérdida en aproximadamente un 22 % más de bytes, y dice que el WebP con pérdida y transparencia suele ser tres veces más pequeño que el PNG equivalente.

¿Convertir PNG a WebP hace perder calidad?

No en modo sin pérdida, que conserva cada píxel. El modo con pérdida cambia los píxeles deliberadamente. El convertidor vuelve a leer el archivo terminado y bloquea la descarga a menos que una conversión sin pérdida haya producido una imagen VP8L sin pérdida real.

¿Cuándo debería conservar PNG?

Para los archivos maestros que va a editar de nuevo, para el software de impresión y diseño que lo requiere, para todo lo que un sistema antiguo deba abrir y para las capturas de pantalla archivadas. Convierta una copia de entrega en lugar de sustituir el original.

¿WebP perjudica al SEO?

No. Las imágenes más pequeñas cargan más rápido, y la velocidad de la página influye en la clasificación. Sirva un formato que el navegador del visitante acepte y conserve el texto alternativo y el nombre de archivo tal como estaban.

¿Puedo volver a convertir a PNG más adelante?

Sí, y la codificación PNG es sin pérdida a partir de los píxeles renderizados. No puede deshacer una pasada con pérdida anterior, así que un WebP con pérdida convertido de nuevo a PNG es un archivo grande que contiene píxeles ya degradados.