Pros y contras del uso de imágenes
Una web sin imágenes es plana y poco persuasiva; una web llena de imágenes mal optimizadas tarda en cargar y espanta a las visitas (y a Google). El equilibrio está justo en medio, y conseguirlo es parte del trabajo diario de diseño de páginas web que hacemos en TePublico.NET. En esta guía te contamos cómo aprovechar las imágenes sin que te penalicen la velocidad ni el posicionamiento.
Por qué las imágenes importan (los pros)
Las imágenes aportan carácter, contexto y atractivo. Una buena foto retiene a la persona en la página, refuerza tu mensaje y mejora la conversión. Además, bien etiquetadas, suman en SEO: aparecen en Google Imágenes, dan contexto al contenido y mejoran la accesibilidad.
El problema clásico sigue vigente: para un motor de búsqueda, lo que hay dentro de una imagen no existe por sí solo. Necesita pistas en forma de texto. Por eso una imagen bien trabajada lleva siempre detrás un nombre de archivo descriptivo, un atributo alt y un contexto coherente con lo que la rodea.
Los contras: peso, velocidad y Core Web Vitals
El mayor contra de las imágenes hoy no es el SEO de palabras clave, sino el rendimiento. Las imágenes suelen ser el recurso más pesado de una página, y un peso excesivo dispara los tiempos de carga.
Desde hace años Google mide la experiencia con las Core Web Vitals, y la imagen está en el centro de dos de ellas:
- LCP (Largest Contentful Paint): muchas veces el elemento más grande de la pantalla es justo la imagen principal. Si pesa demasiado o carga tarde, tu LCP empeora.
- CLS (Cumulative Layout Shift): si no reservas el espacio de la imagen (con
widthyheightoaspect-ratio), el contenido “salta” mientras carga y la experiencia se degrada.
Una web lenta posiciona peor y convierte menos. Por eso optimizar imágenes no es un capricho técnico: es captación de clientes.
Buenas prácticas en 2026
Usa formatos modernos: WebP y AVIF
Olvida subir JPG y PNG enormes. Hoy lo estándar es servir WebP o AVIF, que ofrecen la misma calidad visual con un peso muy inferior. Casi todos los navegadores actuales los soportan, y puedes ofrecer un formato alternativo con la etiqueta <picture> para los casos antiguos.
Comprime y dimensiona a la medida
No sirvas una imagen de 4000 px de ancho para mostrarla a 600. Redimensiona a las dimensiones reales de uso y comprime. Atributos como srcset y sizes permiten servir la versión adecuada a cada dispositivo (móvil, tablet, escritorio).
Carga diferida (lazy loading)
Añade loading="lazy" a las imágenes que están más abajo del primer pantallazo para que solo se descarguen cuando hacen falta. Eso sí: la imagen principal (la del LCP) no debe ir en lazy; cárgala cuanto antes.
El atributo alt, imprescindible
El alt describe la imagen para los buscadores y para las personas que usan lectores de pantalla. Debe ser descriptivo y natural, no un amontonamiento de palabras clave. Por ejemplo, alt="escritorio de oficina con portátil y libreta" en lugar de dejarlo vacío o poner imagen1.
Nombres de archivo con sentido
Sigue siendo válido el viejo consejo: nombra tus ficheros como escritorio-oficina.webp en vez de IMG_0001.jpg. Ayuda al SEO de imágenes y mantiene tu biblioteca de medios ordenada.
El equilibrio: calidad visual y velocidad
La dificultad de siempre es casar el nivel artístico con la empatía hacia los motores de búsqueda y la velocidad. La buena noticia es que con formatos modernos y una compresión cuidada ya no hay que elegir: puedes tener imágenes preciosas y una web rápida.
Si no sabes por dónde van tus tiempos de carga ni tus Core Web Vitals, empieza por una auditoría SEO gratuita: te dice exactamente qué imágenes te están frenando. Y si prefieres que lo dejemos optimizado de raíz, en TePublico.NET trabajamos el posicionamiento web y el diseño con el rendimiento como prioridad. Cuéntanos tu caso.
