← Centro SEO · Guía verificada
Cómo preparar imágenes para la web sin sacrificar legibilidad
Una fotografía demasiado grande puede ralentizar una página, pero una compresión agresiva vuelve ilegibles los iconos y el texto. La preparación depende de cómo se va a utilizar la imagen.
Ajusta primero las dimensiones
Una fotografía de 4000 píxeles de ancho generalmente es excesiva para una tarjeta mostrada a 400 píxeles. Reduce dimensiones según el uso previsto, sin ampliar artificialmente fotografías pequeñas. Conserva el archivo original por si necesitas otra variante.
Escoge un formato según el contenido
JPEG suele funcionar bien en fotos, WebP puede ofrecer buena compresión y PNG resulta útil para gráficos con transparencia o bordes nítidos. La compatibilidad exacta depende del navegador. Prueba visualmente el archivo exportado antes de publicarlo.
Redacta texto alternativo que describa la imagen
Incluye alt en el HTML para fotos y gráficos significativos. En imágenes puramente decorativas usa alt vacío; evita repetir palabras clave o copiar automáticamente el nombre del archivo.
No fuerces carga diferida del elemento principal
Las imágenes por debajo de la zona visible pueden usar loading="lazy", pero una imagen destacada muy importante para LCP normalmente debe cargarse con prioridad. Reserva su espacio con width y height o aspect-ratio para minimizar cambios de diseño.
Verifica la experiencia real
Comprueba LCP, INP y CLS con herramientas de rendimiento y datos de usuarios. Son métricas de experiencia, no una garantía de posiciones en Google.
Fuentes oficiales para contrastar
Estas referencias documentan las recomendaciones generales. La guía no afirma que Google haya indexado páginas concretas ni garantiza tráfico.