Caso de uso · Rendimiento web

Optimizar imágenes para la web

Las imágenes sin optimizar son la causa número uno de sitios web lentos. Convierte a formatos modernos, comprime de forma agresiva y sirve el tamaño correcto. Aquí te explicamos cómo hacerlo bien.

Por qué importa

Las imágenes determinan el rendimiento web

01

El LCP depende de las imágenes

Largest Contentful Paint (LCP) es un Core Web Vital. En la mayoría de los casos, el elemento LCP es una imagen. Optimízala y tu puntuación LCP baja.

02

Google posiciona mejor las páginas rápidas

La velocidad de página es un factor de ranking confirmado por Google. Las imágenes optimizadas mejoran tu puntuación PageSpeed Insights, que influye en el posicionamiento.

03

Los usuarios móviles son impacientes

El 53% de los visitantes móviles abandonan una página que tarda más de 3 segundos en cargar. Las imágenes optimizadas son la mejora más rápida para el rendimiento móvil.

Ajustes recomendados

Ajustes recomendados para la web

Convierte fotos a WebP a calidad 80. Usa AVIF para máxima compresión si el soporte del navegador es aceptable. Redimensiona al tamaño real de visualización.

  • FormatoWebP (AVIF para lo más moderno)
  • Calidad75-82
  • Tamaño objetivoMenos de 100 KB para hero images, menos de 50 KB para miniaturas
Procedimiento

Optimiza imágenes para la web en 3 pasos

1

Convierte a un formato moderno

Cambia de JPG/PNG a WebP o AVIF. WebP tiene soporte universal. AVIF ofrece un 20-50% mejor compresión pero una codificación más lenta.

2

Comprime a la calidad adecuada

Calidad 80 es el punto ideal para web. Por debajo de 75, los artefactos se hacen visibles en pantallas de alta densidad. Por encima de 85, la ganancia de tamaño se estanca.

3

Redimensiona a las dimensiones reales

No sirvas una imagen de 4000px en un contenedor de 800px. Redimensiona primero, luego comprime. Esto solo puede reducir el tamaño de archivo un 80%.

FAQ

Preguntas frecuentes

¿Debería usar WebP o AVIF para mi sitio web?
WebP es la opción segura: 96% de soporte en navegadores, excelente compresión, codificación rápida. Usa AVIF si quieres la máxima compresión y puedes servir WebP como fallback con el elemento HTML picture.
¿Cuál es un buen objetivo de tamaño de archivo para imágenes web?
Apunta a menos de 100 KB para hero images y menos de 50 KB para miniaturas. Las fotos de producto deben pesar menos de 200 KB. Estos objetivos mantienen la carga bajo 2 segundos en móvil.
¿La optimización de imágenes afecta al SEO?
Sí, positivamente. Las páginas más rápidas posicionan mejor, y Google indexa imágenes WebP y AVIF con normalidad. Optimizar imágenes mejora tanto tu puntuación PageSpeed como tu posicionamiento en buscadores.

¿Listo para acelerar tu sitio web?

Convierte, comprime y redimensiona tus imágenes para la web. Gratis, sin registro.

Empezar a optimizar