En esta prueba, WebP fue el menor con 268.434 bytes, seguido de JPG con 287.599 y PNG con 3.449.964. No significa que WebP siempre gane o que PNG sea malo: esta escena detallada se adapta mejor a una codificación fotográfica con pérdidas que a PNG sin pérdidas.
Paso a paso
- Parte del mismo original y conserva las dimensiones en cada intento.
- Fija objetivo y ancho máximo en 0, y calidad inicial en 82. Exporta JPG, PNG y WebP por separado.
- Compara bytes exactos, texto, transparencia, degradados y compatibilidad en el destino real.
Una comparación controlada
El original era el PNG costero de 2.976.317 bytes a 1536 × 1024, con agua, nubes, árboles, tejados y cambios suaves de color. Desactivamos objetivo y ancho máximo con 0. Solo cambió el formato; calidad 82 fue el punto de partida de los formatos con pérdidas.
WebP fue 19.165 bytes menor que JPG, aproximadamente un 6,66% del JPG. PNG aumentó 473.647 bytes porque esta nueva codificación sin pérdidas fue menos eficiente que la original. El nombre de un formato no garantiza ahorro.
| Salida | Peso exacto | Cambio frente al original | Ventaja habitual |
|---|---|---|---|
| JPG | 287.599 bytes | 90,34% menor | Compatibilidad fotográfica |
| PNG | 3.449.964 bytes | 15,91% mayor | Bordes sin pérdidas y alfa |
| WebP | 268.434 bytes | 90,98% menor | Entrega web ligera |
Por qué PNG fue mayor aquí
PNG conserva la información sin la pérdida perceptual usada por JPG y el WebP de esta prueba. Eso sirve para gráficos transparentes, diagramas y texto nítido, pero cuesta bytes en una escena con texturas y variaciones de color.
No existe una penalización fija de PNG. Un logotipo de pocos colores planos puede resultar menor en PNG. Esta medición describe esta fuente, no todas las imágenes.
Cuándo elegir JPG
Usa JPG para fotos que deban abrirse en software antiguo, sistemas de oficina, procesos de impresión o formularios conservadores. No conserva transparencia y las ediciones y guardados repetidos pueden acumular pérdidas.
Aquí solo costó 19.165 bytes más que WebP. Puede compensar si el destino exige JPG o no controlas el software del destinatario.
Cuándo elegir PNG
Elige PNG para transparencia, capturas, dibujos de líneas y gráficos donde los bordes exactos importen más que el peso mínimo. No conviertas un logotipo transparente a JPG salvo que quieras añadir un fondo.
Si el nuevo PNG crece, conserva el original. Que la codificación termine no significa que el archivo sea menor. El modo PNG tiene sentido cuando ese formato es un requisito.
Cuándo elegir WebP
Prueba WebP para sitios y aplicaciones que lo acepten y necesiten fotos ligeras. También admite transparencia, pero convertir gráficos a WebP con pérdidas requiere inspección visual.
En la prueba se mostró 262 KB y se midieron 268.434 bytes. Fue el menor de este caso; el contenido y los ajustes pueden cambiar el orden.
Cómo comparar de forma justa
Empieza cada vez desde el mismo original, conserva ancho y alto y utiliza el mismo punto de partida de calidad para formatos con pérdidas. Anota bytes exactos, no solo KB redondeados.
Inspecciona al 100% transparencia, texto, degradados y bordes, y abre el archivo en la web, formulario o software real. Guarda originales adecuados para edición y elige el formato de entrega según cada recurso.
Preguntas frecuentes
¿WebP siempre pesa menos que JPG?
No. El contenido y los ajustes pueden invertir el resultado. Además, el destino debe admitir WebP.
¿Por qué puede crecer un PNG comprimido?
Es sin pérdidas y los codificadores pueden producir tamaños distintos. Una fotografía detallada puede resultar costosa. Si crece, conserva el original.
¿Qué uso para un logotipo transparente?
PNG es una opción conservadora. WebP también admite alfa, pero comprueba transparencia y compatibilidad. JPG no admite transparencia.
¿Debo pasar toda mi web a WebP?
No necesariamente. Una captura, un icono transparente y una fotografía tienen necesidades distintas. Conserva los originales de edición y decide por recurso.