Cultura digital · 4 min
Una imagen, tres tamaños de archivo
¿Cuánto cambia el peso de una imagen cuando la exportas para la web? Guardamos la misma escena en tres formatos para que puedas comparar.
La prueba en el taller
Recortamos un fondo de Megablast a 960 × 640 píxeles y exportamos el mismo recorte en PNG sin pérdidas, JPEG y WebP. Para JPEG y WebP ajustamos la calidad a 80. Cada codificador usa su propia escala, así que la comparación visual importa tanto como el peso.
| Formato | Peso | Muestra |
|---|---|---|
| PNG | 937,8 kB | Abrir PNG ↗ |
| JPEG | 35,5 kB | Abrir JPEG ↗ |
| WebP | 27,7 kB | Abrir WebP ↗ |
En esta prueba, el archivo WebP pesa cerca de un 22 % menos que el JPEG. La diferencia con el PNG es mucho mayor porque los dos archivos pequeños descartan parte de la información visual. La tabla muestra el tamaño en disco, con 1 kB igual a 1.000 bytes.
En qué fijarse
Abre las tres muestras con el mismo nivel de zoom. Empieza por los bordes de los restos metálicos y pasa a los degradados morados del centro. Amplía la imagen y busca cambios en los degradados, las líneas finas y el grano. Repite al tamaño que usarías en una página. Un detalle que se ve al 200 % puede desaparecer cuando la imagen solo ocupa el ancho de tu móvil.
Pruébalo con una imagen tuya
Parte del archivo original y exporta dos copias con el mismo ancho, una en JPEG y otra en WebP. Compáralas al tamaño de uso y elige la más ligera que conserve los detalles importantes. Para una captura con mucho texto o una imagen de píxeles, incluye una versión sin pérdidas. Los bordes nítidos son un buen sitio para comprobarlo.
La documentación de Google explica cómo ajustar la calidad del codificador desde la terminal. Guía del codificador WebP