21 · Luz y vidrio estriado
Imágenes y luz
La imagen de Nitente es luz vista a través de un vidrio estriado: una fuente clara, franjas verticales que la desplazan, mucho negro alrededor. Esta página fija cómo se produce y qué fotografía sí y no.
Vidrio estriado
Mueve los controles. Es el recurso base de portadas y fondos: una escena de luz cortada en columnas que se desplazan.
Reglas de la imagen
- Luz
- Una sola fuente, clara, sobre fondo casi negro. Sin segunda luz de relleno de color.
- Color
- Blanco y negro. Sin tinte de color; el color lo traen los productos cuando aparecen.
- Contraste
- Alto. El negro es negro (#0B0C0D o más oscuro), no gris lavado.
- Vidrio
- Entre 7 y 13 columnas, desplazamiento máximo del 12 % del alto, hueco de 2 a 4 px.
- Composición
- Centro libre para el texto. El sujeto en el tercio, no en el centro, salvo el disco de luz.
- Grano
- Sin grano ni ruido decorativo. Sin viñetas ni lens flares.
- Texto sobre imagen
- Siempre sobre zona libre de detalle, con 4,5:1 medido.
Fotografía
Sí
- Manos, escritorios y objetos reales de trabajo, con permiso expreso
- Blanco y negro con negros profundos
- Retratos del equipo con consentimiento por escrito
- Capturas de producto como ilustración con datos ficticios, rotuladas
No
- Fotos de stock genéricas: manos dándose la mano, laptops sobre mesas de madera, equipos riendo
- Personas reconocibles sin autorización
- Pantallas con datos reales de clientes o pacientes
- Filtros de color, duotonos o degradados sobre fotografía
Imágenes generadas con IA
Se permiten para fondos, texturas y conceptos, no para mostrar el producto ni a personas reales. Siempre se rotulan.
| Regla | Detalle |
|---|---|
| Rótulo | Pie de imagen: «Imagen generada con inteligencia artificial.» En redes, la marca de contenido sintético que ofrezca la plataforma, además del pie. |
| Prohibido | Personas reales o que parezcan reales, rostros, pacientes, documentos con datos, y cualquier imagen que simule una captura del producto. |
| Revisión | Una persona del equipo revisa la imagen antes de publicar: errores de texto, manos, logos ajenos. |
| Registro | Se anota en el archivo de origen la herramienta y la fecha, para poder explicarlo si alguien lo pregunta. |
| Derechos | Se verifican los términos de uso de la herramienta para uso comercial antes de publicar. |
Fotografía de producto como referencia
Nitente no tiene fotografías propias todavía. Estas dos imágenes pertenecen a Spinelle y a Heliodore y muestran cómo se aplican los criterios de la familia con el color de cada producto. Ambas están generadas con IA para ilustrar los sitios.
Imagen generada con IA
Imagen generada con IA- Criterio de la familia
- Documental, luz natural, personas reales en su trabajo, sin poses de catálogo, sin texto ni logos dentro de la escena y siempre con el rótulo «Imagen generada con IA».
- Qué es de Nitente
- La versión en blanco y negro con negros profundos, como en las reglas de arriba. El color cálido pertenece a cada producto.
- Qué falta
- Aún no hay ejemplos de fotografía propia de Nitente. Hasta entonces se usan solo imágenes de los productos con su rótulo, o ninguna.
Conversión a blanco y negro
Imagen generada con IAImagen generada con IARecortes para web, redes y vista previa
Una sola imagen madre, cuatro recortes. Aquí, una imagen de Heliodore como ejemplo. El sujeto queda siempre en el tercio central: si un recorte lo corta, se elige otra imagen en lugar de forzar el encuadre.
Imagen generada con IAImagen generada con IAImagen generada con IAImagen generada con IA- Formato
- WebP con calidad cercana a 80. El hero pesa 150 KB o menos y la imagen de vista previa (Open Graph), 300 KB o menos.
- Dimensiones
- Siempre con ancho y alto declarados en la etiqueta, para que la página no salte al cargar. Carga diferida en todo lo que no esté en la primera pantalla.
- Zona segura
- Texto o logo sobre la imagen solo en una zona sin detalle, a 5 % del borde como mínimo, con contraste de 4,5:1 medido.
- Rótulo
- El rótulo «Imagen generada con IA» se queda dentro de cada recorte, también en el de vista previa.
Texto alternativo y pie de foto
El texto alternativo describe lo que se ve, para quien no ve la imagen. El pie de foto da contexto y declara el origen. No dicen lo mismo.
- Texto alternativo
- «Ilustración generada con IA: una doctora escucha a una paciente mayor en un consultorio con luz de ventana.»
- Pie de foto
- «Imagen generada con IA para ilustrar el sitio; no es un cliente ni un usuario real.»
- Imagen decorativa
- Si la misma imagen aparece repetida o solo decora, lleva alt vacío (alt="") y el rótulo se conserva.