Optimizar imágenes para web y SEO — guía completa
La optimización de imágenes es uno de los factores de rendimiento web más impactantes y, a la vez, uno de los más descuidados. Las páginas que cargan en menos de 2 segundos retienen el 90 % de sus visitantes, mientras que las que superan los 3 segundos pierden casi la mitad. Las imágenes no optimizadas son la causa principal de la lentitud. En esta guía encontrarás todo lo que necesitas saber para comprimir y optimizar imágenes correctamente antes de subirlas a tu sitio web, con ejemplos prácticos y una herramienta gratuita para hacerlo.
Por qué las imágenes pesadas dañan tu posicionamiento en Google
Google utiliza Core Web Vitals como señal de ranking. Las métricas LCP (Largest Contentful Paint) y CLS están directamente relacionadas con la carga de imágenes. Una imagen de producto de 3 MB puede ser la responsable directa de un LCP de 5 segundos, lo que penaliza tu posición en los resultados de búsqueda. Además, Google indexa el contenido para móviles primero (mobile-first indexing), y las conexiones móviles son más lentas: una imagen optimizada puede ser la diferencia entre aparecer en la primera página o en la tercera.
Qué formato elegir: JPG, PNG, WebP o AVIF
JPG es el estándar para fotografías en la web. Ofrece una buena compresión con pérdida y es compatible con todos los navegadores. PNG es ideal para gráficos con transparencia, iconos y capturas de pantalla. WebP es el sucesor moderno de ambos: produce archivos entre un 25-35 % más pequeños que JPG y soporta transparencia como PNG. AVIF es el formato más eficiente en 2026, con reducciones de hasta el 50 % respecto a JPG, pero aún no es compatible con todos los navegadores. Para máxima compatibilidad, usa WebP como formato principal.
Flujo de trabajo de optimización de imágenes paso a paso
Primero, determina las dimensiones máximas en que se mostrará la imagen en tu web. Si un contenedor tiene 800 px de ancho, no necesitas una imagen de 3000 px. Redimensiona primero con el Redimensionador de Imágenes de WikiPlus. Luego, comprime la imagen redimensionada con el Compresor de Imágenes, eligiendo el nivel de calidad adecuado. Convierte el resultado a WebP si tu web lo soporta, usando el Conversor de Formato de Imagen de WikiPlus. Finalmente, añade texto alternativo (alt text) descriptivo en tu CMS y usa nombres de archivo descriptivos como 'zapatillas-running-hombre.jpg' en lugar de 'IMG_2034.jpg'.
Herramientas y plugins para automatizar la optimización
Para sitios WordPress, plugins como ShortPixel, Imagify o Smush automatizan la compresión al subir imágenes. Para proyectos con Node.js, sharp es la biblioteca de referencia. Para Shopify, la propia plataforma comprime imágenes automáticamente, aunque no siempre de forma óptima. Si trabajas con pocas imágenes o necesitas un resultado específico, el Compresor de Imágenes de WikiPlus es la opción más rápida: sin configuración, sin plugins, sin suscripciones. Simplemente arrastra, comprime y descarga.
Preguntas frecuentes
- ¿Cuál es el tamaño ideal de una imagen para web en 2026?
- Para imágenes de contenido general, menos de 150 KB es el objetivo en 2026. Las imágenes hero o de fondo pueden llegar a 300-500 KB si son críticas visualmente. Las miniaturas deben pesar menos de 30 KB. Usar WebP permite alcanzar estos objetivos con mayor calidad que JPG al mismo peso.
- ¿El alt text de las imágenes afecta al SEO?
- Sí. El texto alternativo (alt text) es la descripción que leen los buscadores y los lectores de pantalla. Un alt text descriptivo y relevante ayuda a que tus imágenes aparezcan en Google Imágenes y refuerza la relevancia temática de tu página para las palabras clave objetivo.
- ¿Debo usar imágenes responsivas (srcset) en mi web?
- Sí, especialmente si tu sitio recibe tráfico móvil. El atributo srcset permite al navegador cargar la imagen del tamaño más adecuado para cada pantalla, evitando que un móvil descargue una imagen diseñada para un monitor 4K. Combinado con la compresión, es la estrategia más eficiente.