JPEG, WebP y PNG comparados con una foto real

El mismo porcentaje de calidad no significa lo mismo entre formatos. Subimos la foto Earthrise de NASA a Apps24 y descargamos JPEG y WebP al 80%, con dimensiones al 100%. El original y las descargas permiten repetir la comparación.

Entrada y resultado

`Earthrise · JPEG · 1041×813`	`59,190 bytes`
`JPEG 80% · 1041×813`	`42,674 bytes`
`JPEG 60% · 1041×813`	`35,582 bytes`
`WebP 80% · 1041×813`	`27,016 bytes`
`WebP 60% · 1041×813`	`17,934 bytes`
`PNG · 1041×813`	`395,915 bytes`
`WebP 80% · 521×407`	`8,224 bytes`

Interpretar el resultado

El JPEG original tenía 59.190 bytes; JPEG 80% 42.674 y WebP 80% 27.016, aproximadamente un 54,4% menos que el original. PNG aumentó a 395.915 bytes, unas 6,7 veces el original. Un formato sin pérdida puede aumentar una foto ya comprimida, sin recuperar detalles perdidos del JPEG. Un 80% en JPEG no equivale a un 80% en WebP en calidad visual.

Siguiente paso

Abre y descarga el original y súbelo a la herramienta. Conserva primero el 100% de dimensiones y cambia solo el formato; después reduce la calidad. Compara las nubes y la superficie lunar a escala original, no solo en la vista reducida. Prueba finalmente el 50% de dimensiones si tu presentación admite menos píxeles. Aquí WebP 80% al 50% dio 521×407 píxeles y 8.224 bytes, pero menos detalle. Conserva el original.

Usar la herramienta

Límites y condiciones de prueba

Prueba del 2026-10-07 en Chromium 154: original 1041×813, codificador canvas y redimensionamiento de alta calidad. Tabla medida con el script; las descargas reales JPEG/WebP 80% coincidieron en hash. Una foto no representa una tasa media ni una puntuación objetiva de calidad. Foto de NASA, no tomada por Apps24; derivados recodificados para comparar. NASA no respalda Apps24 ni estos resultados.

photo-comparison.js

Referencias

Apps24 contrasta los ejemplos con la implementación y las pruebas de regresión. Los experimentos de navegador indican sus condiciones, sin certificar todos los dispositivos. Reporte errores con la URL, entrada, resultado esperado y navegador. No envíe contraseñas, documentos privados ni datos personales.