Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Usa imágenes, iconos e identidad sin perder rendimiento

Usa imágenes, iconos e identidad sin perder rendimiento

Selecciona recursos visuales con licencia, tamaños correctos y texto alternativo útil.

Lección 11 de 4750 min Construcción profesional Codex + GPT-5.6 Sol

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