InicioArtículos HerramientasAcerca de SoporteSuscribirse

// Herramienta gratuita en línea

Optimizar imágenes para la web

Convierte imágenes a WebP, comprime con la calidad adecuada y redimensiona a las dimensiones de visualización. Imágenes más rápidas significan mejores Core Web Vitals, mayor posicionamiento SEO y menores tasas de rebote. Gratis, instantáneo, privado.

Por qué la optimización de imágenes es importante para los sitios web

Las imágenes suelen ser los recursos más pesados de cualquier página, representando entre el 60 % y el 70 % del peso total de la página en promedio. Las imágenes no optimizadas son la causa más frecuente de tiempos de carga lentos, lo que afecta directamente: la tasa de rebote (el 53 % de los usuarios móviles abandona páginas que tardan más de 3 s en cargar), las puntuaciones de Core Web Vitals (especialmente LCP - Largest Contentful Paint) y el posicionamiento en la búsqueda de Google (la velocidad de página es un factor de ranking confirmado).

Lista de verificación para la optimización de imágenes web

  1. Usar formato WebP - 25 %–35 % más pequeñas que JPEG con calidad equivalente. Todos los navegadores modernos lo admiten.
  2. Establecer calidad entre 75 % y 85 % - Diferencia de calidad imperceptible respecto a 100 en tamaños típicos de visualización web.
  3. Redimensionar a las dimensiones de visualización - Nunca sirvas una imagen de 4000 px en una columna de 800 px. Redimensiona primero.
  4. Usar imágenes responsivas - Añadir srcset para servir diferentes tamaños según el ancho de la pantalla.
  5. Añadir loading="lazy" - Diferir imágenes fuera de la pantalla para acelerar la carga inicial.
  6. Establecer ancho/alto explícitos - Evita el desplazamiento de diseño (mejora la puntuación CLS).

Configuraciones recomendadas para la optimización web

Para la mayoría de imágenes web: formato WebP, calidad 80, redimensionar al ancho real de visualización. Para imágenes hero: calidad 85 y máximo 1920 px de ancho. Para miniaturas: calidad 75, entre 400 px y 800 px de ancho. Para imágenes de producto: calidad 85, 800 px–1200 px cuadrado.

Preguntas frecuentes

Image optimization typically delivers the largest single improvement to page load time. Reducing a page's total image weight from 5 MB to 500 KB cuts image loading time by 90% on a typical connection. This can move LCP from 4+ seconds to under 2.5 seconds - the threshold for a "Good" Core Web Vitals score - improving both user experience and search rankings.
WebP is the recommended format for most websites. It achieves 25–35% smaller files than JPEG at equivalent quality and is supported by 97% of browsers. For advanced optimization, use AVIF as primary with WebP as fallback - AVIF is 20% smaller than WebP but has 93% browser support. Implement both via the HTML <picture> element.
Yes, directly. Google's Core Web Vitals include LCP (Largest Contentful Paint), which measures how long the largest image on the page takes to load. A poor LCP score (above 4 seconds) is a confirmed Google ranking signal. Image optimization is the fastest and most impactful way to improve LCP. Google's PageSpeed Insights will specifically flag unoptimized images as "opportunities."
Before - always. While some CMS platforms (WordPress with plugins, Shopify) offer automatic image optimization, the best approach is to pre-optimize before upload. This ensures your CDN and page source always serve optimized images regardless of plugin configuration, and avoids the processing overhead of on-the-fly optimization.