Calidad de imagen y tamaño de archivo: guía práctica
El tamaño del archivo depende de las dimensiones en píxeles, el formato y los ajustes de compresión, no de lo grande que se vea la imagen en pantalla. Entender esas palancas te permite reducir archivos sin dañar la calidad de forma visible, y te indica cuándo un archivo más pequeño simplemente no compensa los artefactos.
Ajusta el formato y la configuración a la imagen: JPEG o WebP para fotografías, PNG o WebP sin pérdida para gráficos y transparencia. Redimensiona a los píxeles que realmente muestras, ajusta la calidad y conserva un original intacto para no volver a comprimir un archivo ya degradado.
Dimensiones en píxeles frente a tamaño de visualización
Los datos de una imagen son una cuadrícula de píxeles, por ejemplo 4000 por 3000. Ese recuento de píxeles, y no el tamaño con que la imagen aparece en la página, es lo que determina en gran medida el tamaño del archivo. Reducir una foto de 4000 píxeles de ancho a los 800 píxeles que muestra realmente una tarjeta elimina aproximadamente quince de cada dieciséis píxeles, que suele ser el mayor ahorro que puedes lograr.
Mostrar una imagen grande en un recuadro pequeño no ahorra ancho de banda: el navegador sigue descargando todos los píxeles y luego los reduce. Si un diseño nunca muestra una imagen de más de 800 píxeles de ancho, exportarla a 800 píxeles es más pequeño y más nítido que enviar un archivo de 4000 píxeles que el navegador tiene que reescalar.
Las etiquetas de resolución como «DPI» o «PPI» describen el tamaño de impresión, no el archivo en pantalla. Para uso web, piensa en píxeles: decide el mayor tamaño con el que se mostrará la imagen y expórtala a ese ancho en píxeles.
Qué hace realmente el ajuste de calidad
En los formatos con pérdida como JPEG y WebP con pérdida, un valor de calidad controla con cuánta agresividad el codificador descarta detalle durante la compresión. Una calidad más alta conserva más información y produce un archivo más grande y limpio; una más baja descarta más y genera un archivo más pequeño con artefactos visibles, como el bloqueo alrededor de los bordes y halos cerca de las líneas de alto contraste.
La calidad no es un porcentaje lineal de fidelidad visible. En fotografías típicas, los ajustes altos se ven casi idénticos al original y aun así ahorran espacio, y el coste visible de la compresión solo crece rápido en el extremo inferior de la escala. El método práctico es bajar la calidad paso a paso y detenerte en el primer ajuste en el que veas un problema, para luego subir un nivel.
Las tres palancas que cambian el tamaño del archivo
| Palanca | Efecto en el tamaño | Efecto en la calidad |
|---|---|---|
| Dimensiones en píxeles | Grande: menos píxeles, muchos menos datos | Solo importa por debajo del tamaño mostrado |
| Elección de formato | Grande: los formatos con pérdida ganan en fotos | Depende del contenido; los gráficos necesitan sin pérdida |
| Ajuste de calidad | Moderado: menor calidad, archivo más pequeño | Los artefactos aparecen en el extremo bajo de la escala |
Metadatos: peso oculto y privacidad
Las fotografías suelen llevar metadatos como ajustes EXIF de la cámara, marcas de tiempo, coordenadas GPS y perfiles de color. Estos datos añaden bytes y pueden filtrar detalles privados —por ejemplo, el lugar exacto donde se tomó una foto— cuando el archivo se comparte públicamente.
Eliminar los metadatos reduce tanto el tamaño del archivo como la exposición de la privacidad. PixMovo elimina los metadatos de forma predeterminada durante la conversión de imágenes, por lo que los archivos exportados no llevan información oculta de ubicación o dispositivo.
La transparencia cambia tus opciones
Si una imagen necesita un fondo transparente —un logotipo, un icono, un elemento de interfaz— el formato debe admitir un canal alfa. PNG y WebP lo tienen; JPEG no. Intentar guardar una imagen transparente como JPEG rellena en silencio el fondo con un color sólido.
Para gráficos planos con transparencia, PNG es sin pérdida y predecible. WebP puede almacenar la misma transparencia y a menudo produce un archivo más pequeño, por lo que conviene probar WebP cuando la transparencia y el tamaño importan a la vez.
La recodificación repetida acumula pérdida
- Cada guardado de un JPEG con pérdida o un WebP con pérdida vuelve a aplicar compresión, así que editar y reexportar el mismo archivo repetidamente acumula artefactos, un efecto llamado a menudo pérdida generacional.
- Los formatos sin pérdida como PNG y WebP sin pérdida reproducen los mismos píxeles en cada guardado, por lo que un máster de trabajo permanece intacto sin importar cuántas veces lo abras y exportes.
- Conserva un original intacto o un máster sin pérdida, y exporta un archivo con pérdida nuevo solo cuando necesites la versión final pequeña.
- Convertir después un JPEG comprimido a PNG no puede restaurar el detalle que el JPEG ya descartó; solo guarda sin pérdida los píxeles degradados.
Elegir entre JPEG, WebP y PNG
Usa JPEG cuando necesites una fotografía que se abra en todas partes y el tamaño del archivo importe más que unos bordes perfectos. Es la opción universal más segura para imágenes de tono continuo.
Usa WebP cuando quieras fotografías más pequeñas o gráficos con transparencia y tu audiencia use navegadores modernos; admite modos con y sin pérdida. Usa PNG cuando necesites gráficos sin pérdida garantizados, texto nítido o transparencia con la máxima compatibilidad. PixMovo convierte entre JPEG, PNG y WebP y elimina los metadatos de forma predeterminada.
Ejemplo práctico: reducir una foto destacada para la web
- Redimensiona al ancho de visualización
Decide el mayor ancho con el que se mostrará la imagen —por ejemplo 1600 píxeles para una imagen destacada a todo lo ancho— y expórtala a ese ancho en píxeles en lugar de los 4000 píxeles nativos de la cámara.
- Convierte a JPEG o WebP en PixMovo
Sube la foto redimensionada y elige JPEG para soporte universal o WebP para un archivo más pequeño. PixMovo elimina los metadatos al convertir.
- Ajusta la calidad hasta que aparezcan artefactos
Si tu flujo permite bajar la calidad, redúcela por pasos y observa bordes y degradados. Detente en el primer ajuste donde se vea bloqueo o bandeo, y luego sube un nivel.
- Compara con el original
Mira la exportación junto al original a tamaño completo. Si el archivo más pequeño se ve limpio, publícalo; si no, aumenta el ancho en píxeles o la calidad en lugar de aceptar un daño visible.
Preguntas frecuentes
- ¿Por qué mi archivo de imagen es tan grande aunque se vea pequeño en la página?
- El tamaño del archivo depende de las dimensiones en píxeles de la imagen, no de lo grande que aparezca en el diseño. Una foto de 4000 píxeles mostrada en un recuadro de 800 píxeles descarga igualmente los 4000 píxeles. Redimensiona al ancho que realmente muestras para reducir el tamaño.
- ¿Bajar el ajuste de calidad siempre arruina la imagen?
- No. La calidad no es lineal. En fotografías, los ajustes altos se ven casi idénticos al original y aun así ahorran espacio; los artefactos visibles aparecen sobre todo en el extremo bajo. Bájala poco a poco y detente antes de que aparezcan problemas.
- ¿Debo usar JPEG, WebP o PNG?
- Usa JPEG para fotografías que deban abrirse en todas partes, WebP para fotos más pequeñas o transparencia en navegadores modernos, y PNG para gráficos sin pérdida, texto nítido y transparencia con la máxima compatibilidad.
- ¿Convertir un JPEG a PNG mejorará su calidad?
- No. JPEG descarta detalle de forma permanente. Guardarlo después como PNG solo conserva sin pérdida los píxeles ya degradados; no puede recuperar lo que JPEG eliminó.
- ¿Eliminar los metadatos reduce el archivo?
- Sí, de forma modesta, y además protege la privacidad al quitar la ubicación EXIF y los datos del dispositivo. PixMovo elimina los metadatos de forma predeterminada durante la conversión.