Optimización de imágenes web en El Salvador: guía SEO y velocidad
Las imágenes son el recurso más pesado de casi cualquier sitio web en El Salvador. Sin optimización, arruinan el LCP, asustan a Google y hacen que tus visitantes abandonen antes de que cargue tu propuesta. Esta guía te muestra cómo dejar cada imagen en su peso ideal sin perder calidad.
Por qué las imágenes afectan tu SEO más de lo que crees
Google mide la velocidad de tu sitio con Core Web Vitals. El LCP (Largest Contentful Paint) suele ser una imagen: si pesa 2 MB, tu LCP se dispara y tu posicionamiento cae.
Además, imágenes sin alt text ni nombre descriptivo le quitan a Google la información que necesita para entender de qué trata tu página y para aparecer en Google Imágenes.
Formatos correctos: cuándo usar WebP, AVIF, PNG o JPG
El formato define hasta qué punto puedes comprimir sin perder calidad visible. Regla práctica para 2026:
- —WebP: el formato por defecto. 25-35% más liviano que JPG con la misma calidad. Todos los navegadores modernos lo soportan.
- —AVIF: aún más pequeño que WebP, ideal para fotos. Soporte creciente pero no universal todavía.
- —PNG: solo para logos, iconos e imágenes con transparencia. Nunca para fotos.
- —JPG: sigue siendo útil si tu CMS no soporta WebP, pero comprímelo a calidad 80-85.
Compresión: el peso ideal por imagen
La regla de oro: cada imagen visible al cargar debe pesar menos de 200 KB. Las del resto de la página, menos de 100 KB.
Herramientas gratuitas que recomendamos: Squoosh (Google), TinyPNG y el comando cwebp si automatizas el proceso.
- —Hero/encabezado: máximo 150-200 KB a resolución 1920px de ancho.
- —Imágenes de contenido: 60-100 KB a 1200px de ancho.
- —Thumbnails: 20-40 KB a 400px de ancho.
- —Logos: máximo 10 KB en SVG o WebP.
Dimensiones y responsive: sirve el tamaño correcto
No subas una foto de 4000px si se muestra a 800px. Sirve versiones distintas según el dispositivo con los atributos srcset y sizes.
Declara siempre width y height en la etiqueta img para que el navegador reserve el espacio y evites el CLS (cambios de layout).
Lazy loading: carga solo lo que se ve
El atributo loading="lazy" hace que el navegador cargue las imágenes solo cuando el usuario se acerca a ellas. Esto reduce drásticamente el peso inicial.
Excepción: la imagen del hero (LCP) debe cargar de inmediato con loading="eager" y fetchpriority="high".
Alt text: el SEO que casi nadie hace bien
El alt text describe la imagen para Google y para usuarios con lectores de pantalla. Reglas para escribir buenos alt texts:
- —Sé descriptivo y específico: "restaurante en San Salvador con terraza al aire libre" no "foto".
- —Incluye la keyword naturalmente cuando tenga sentido, no la fuerces.
- —Máximo 125 caracteres. Si la imagen es decorativa, usa alt="".
- —No empieces con "Imagen de" o "Foto de": Google ya sabe.
Nombres de archivo: el SEO que se olvida
Antes de subir, renombra el archivo con palabras separadas por guiones. "IMG_4823.jpg" no dice nada; "diseno-web-restaurante-san-salvador.jpg" le da contexto a Google.
Usa minúsculas, sin acentos ni caracteres especiales para evitar errores de URL.
CDN y caché: acelera las imágenes en todo El Salvador
Un CDN (Content Delivery Network) sirve tus imágenes desde el servidor más cercano al usuario. Para visitas desde El Salvador, un CDN con nodos en EE.UU. reduce el tiempo de carga.
Configura caché de navegador de al menos 1 año para imágenes con nombres versionados (logo-v2.webp).
¿Tu sitio carga lento por imágenes pesadas? Auditamos tu sitio y dejamos cada imagen optimizada para velocidad y SEO.