Resultado visible
Tendrás un inventario de recursos visuales con origen, licencia, dimensiones, peso, texto alternativo y sustituto. Ninguna imagen será decoración costosa por defecto.
Decisiones
Usa fotografía real cuando la confianza depende del lugar, equipo o producto. Usa ilustración cuando explica un concepto. Los iconos refuerzan una etiqueta; rara vez deben sustituirla. No uses imágenes generadas para fingir instalaciones, pacientes, platos o trabajos reales.
Prompt
Audita las imágenes e iconos del proyecto. Crea una tabla con archivo,
uso, origen/licencia, dimensiones, peso, formato, carga prioritaria y alt.
Detecta recursos decorativos caros, recortes problemáticos y alt redundante.
Propón conversión y tamaños responsive sin degradar la imagen principal.
No borres originales; crea derivados trazables.
Texto alternativo
Describe la función en contexto. Enlace con logotipo: «Inicio de Academia Norte». Foto decorativa junto a un título ya equivalente: alt="". Gráfico informativo: resumen cercano y explicación completa en texto.
Prueba
Simula conexión lenta y observa si la página se mueve al cargar. Verifica que las imágenes tengan dimensiones y que el contenido siga siendo usable si no aparecen.
Fuentes oficiales
Si has guardado la evidencia de esta lección, continúa con «Diseña estados, formularios y microinteracciones». Si no, repite la comprobación antes de avanzar.