Cómo optimizar las imágenes de tu sitio web: tamaño, formato y calidad

En resumen: para optimizar una imagen para la web, (1) redimensiónala al tamaño al que realmente se muestra, (2) guárdala en un formato eficiente como WebP, (3) usa una calidad de aproximadamente el 75–85 % y (4) elimina los metadatos. En el compresor de imágenes de Imgovo puedes hacerlo todo en un solo paso, y no se sube nada.

Por qué importa

Las imágenes suelen ser la parte más pesada de una página web. Las imágenes grandes ralentizan la carga, lo que puede perjudicar la experiencia de los visitantes y el rendimiento en las búsquedas. Las Core Web Vitals de Google miden el Largest Contentful Paint (LCP), y un buen LCP es de 2,5 segundos o menos. En muchas páginas, el elemento LCP es una imagen.

Los archivos más pequeños también consumen menos datos móviles y menos espacio de almacenamiento.

Las cuatro palancas

1. Dimensiones

Una foto de 6000 × 4000 píxeles que se muestra a 800 píxeles de ancho desperdicia la mayoría de sus píxeles. Redimensiónala aproximadamente al ancho mostrado, o hasta el doble del ancho mostrado para que se vea nítida en pantallas de alta densidad.

El compresor tiene un ajuste de «Ancho / alto máx.» con valores predefinidos: mantener el tamaño original, 3840, 2560, 1920, 1600, 1280, 1080, 800 y 640 px, además de uno personalizado. El escalado es proporcional y nunca amplía una imagen más pequeña.

2. Formato

Formato	Ideal para	Notas
JPG	Fotos	Funciona en todas partes
WebP	Fotos y gráficos	Archivos pequeños, ampliamente compatible con los navegadores modernos
AVIF	Fotos	Normalmente los archivos más pequeños, pero la codificación es más lenta y el software antiguo puede no abrirlo
PNG	Capturas de pantalla, logotipos, gráficos, transparencia	Sin pérdida; el control de calidad no se aplica, solo redimensionar lo hace más pequeño

Una buena combinación es un tamaño menor (por ejemplo, 1920 px de ancho) en WebP o AVIF. Para ayudarte a elegir, lee JPG, PNG, WebP y AVIF: comparativa.

3. Calidad

Calidad	Uso
75–85%	Web y redes sociales
60–70%	Archivos muy pequeños
Más del 85 %	Impresión

JPG y WebP al 70–85 % suelen reducir el tamaño de las fotos en torno a un 50–80 %. La compresión es irreversible en JPG, WebP y AVIF, incluso con calidad 100, así que conserva tus archivos originales.

4. Metadatos

El resultado del compresor contiene solo datos de píxeles, así que se eliminan los datos EXIF, como los detalles de la cámara y la ubicación GPS. Eso reduce el archivo y protege la privacidad. Lee Cómo eliminar la ubicación GPS y los datos EXIF.

Paso a paso en el compresor de imágenes

1. Abre el compresor de imágenes y añade una o varias imágenes arrastrándolas, eligiendo archivos o pegándolas.
2. Elige Comprimir por: Calidad (control deslizante, 80 % por defecto) o Tamaño de archivo objetivo (por ejemplo, 100 KB).
3. Define el ancho o alto máximo.
4. Elige el formato de salida: JPG, WebP, AVIF (marcado como «el más pequeño») o PNG.
5. Compara las vistas previas del original y de la imagen comprimida, una junto a otra.
6. Descarga el resultado. Si el archivo nuevo pesa más que el original, la herramienta te avisa y puedes descargar el original en su lugar.

Si no se puede alcanzar el límite de tamaño, la herramienta te lo dice y te da el resultado más pequeño posible. Para límites pequeños, lee Cómo comprimir una imagen a menos de 100 KB.

Una lista práctica para imágenes web

• Redimensiona antes de comprimir. Reducir las dimensiones suele ahorrar más que bajar la calidad.
• Elige el formato adecuado. Fotos: WebP o AVIF, con JPG como alternativa si hace falta. Gráficos: PNG o WebP.
• Apunta a tamaños razonables. Como regla general, muchas fotos de contenido pueden quedarse por debajo de unos 150 KB y las imágenes grandes de cabecera por debajo de unos 300 KB, pero depende de la imagen y del diseño. Revisa el resultado a simple vista.
• Describe la imagen. Añade un texto alternativo con sentido y un nombre de archivo descriptivo, como bicicleta-roja-apoyada-en-la-pared.webp.
• Reserva el espacio. Indica el ancho y el alto en tu página para que el diseño no salte mientras se carga la imagen.
• Carga de forma diferida las imágenes que quedan fuera de la pantalla inicial, pero no la imagen principal de la parte superior.
• Conserva tus originales para poder exportar versiones nuevas más adelante.

Errores frecuentes

• Subir los originales de la cámara. Una foto de 6 MB casi nunca hace falta en una página web.
• Guardar una y otra vez el mismo JPG. Cada guardado con pérdida puede reducir la calidad. Empieza siempre desde el original.
• Usar PNG para fotos. Los archivos pesan mucho más que en JPG o WebP.
• Comprimir demasiado. Por debajo de aproximadamente el 60 % pueden verse bloques y desenfoque. Revisa la vista previa.

Privacidad

La compresión se ejecuta en tu navegador. Tus imágenes no se suben, y para saber cómo trata Imgovo los archivos, lee ¿Son seguros los convertidores de imágenes online?

Pruébalo ahora

Abre el compresor de imágenes, añade tu imagen y compara la vista previa. Para un simple cambio de tamaño rápido, usa Redimensionar imagen; para cambiar de formato, usa Convertir imagen.