[Optimización de imágenes]•6 min de lectura
Cómo reducir el peso de una imagen: primero redimensiona, luego comprime
1. El orden determina el resultado
La mayoría de la gente va primero al control de calidad. El orden eficaz es justo el contrario.
Si una foto de 4000 px de ancho se muestra a 800 px, los otros 3200 px añaden bytes sin aportar nada visible. Reducir el ancho a una quinta parte deja el número de píxeles en una veinticincoava parte. Ningún ajuste de calidad consigue un ahorro de esa magnitud.
2. Con pérdida frente a sin pérdida
La compresión con pérdida es irreversible. Volver a guardar un JPEG acumula pérdida en cada generación. Conserva el original y comprime una copia.
3. Cómo elegir formato
| Formato | Ideal para | Notas |
|---|---|---|
| JPEG | Fotografías | Compatibilidad universal, sin transparencia |
| PNG | Capturas, logotipos, diagramas | Sin pérdida, transparencia, demasiado pesado para fotos |
| WebP | La mayoría de imágenes web | 25–35% más ligero que JPEG, admite transparencia y animación |
| AVIF | Fotografías | Más ligero que WebP, codificación más lenta |
Guardar una captura de pantalla como JPEG es un error común: los bordes del texto muestran artefactos visibles y el archivo apenas pesa menos que en PNG.
4. Cuánto bajar la calidad
En JPEG y WebP, el rango 0.75–0.85 es el punto de equilibrio práctico.
La respuesta correcta varía en cada imagen, así que compara visualmente al tamaño real de visualización.
5. Compresión y privacidad
Las fotos del móvil llevan metadatos EXIF: hora de captura, modelo del dispositivo y, según la configuración, coordenadas GPS. Subir una foto hecha en casa puede revelar tu ubicación.
Los compresores que vuelven a dibujar la imagen mediante un canvas suelen eliminar el EXIF. El comportamiento varía entre herramientas, así que verifica las propiedades del archivo resultante cuando sea importante.
6. El punto de vista del rendimiento web
La imagen más grande de una página suele ser el elemento LCP, lo que significa que el peso de la imagen es el tiempo de carga percibido.
loading="lazy" a las imágenes que quedan por debajo del primer pantallazo.width y height para evitar desplazamientos del diseño (CLS).7. Herramienta
El Compresor de imágenes de EVEDAYS comprime y convierte entre PNG, JPG y WebP dentro del navegador. Al no haber subida, el archivo nunca queda expuesto durante la transmisión, aunque esto no protege frente a malware que ya esté en tu dispositivo.