Flujos creativos prácticos
Añade indicaciones a una foto de producto sin inventar características
Una imagen de detalles puede señalar una forma sin afirmar una especificación. El asa de anillo se ve en esta taza; la capacidad o la resistencia al lavavajillas no se deducen de la fotografía.
Añadimos dos indicaciones a una imagen editorial ficticia existente. Ciyo conserva los píxeles originales, prepara una composición sin etiquetas y dibuja líneas finas en el fondo.
Elige características que sí muestra la foto
La fuente de 1024×1024 es una taza marfil con borde redondeado, asa de anillo a la derecha y un rectángulo ámbar vacío en el frente. Es una ilustración ficticia para la demostración, no una ficha técnica de un producto real.
Usa etiquetas breves de formas visibles. Elegimos borde redondeado y asa de anillo; los archivos muestran sus nombres en inglés. No incluyas medidas, materiales ni rendimiento sin otra fuente verificada.
Prepara primero una composición sin etiquetas
Ciyo coloca la foto intacta de 1024×1024 en (168,28) dentro de una composición blanca de 1360×1080. No hay remuestreo, recorte, generación ni retoque. La versión sin etiquetas permite comparar.
Reserva sitio para el texto antes de dibujar las líneas. En este lienzo las vistas ocupan cajas cuadradas con object-fit contain: el archivo real conserva 1360×1080 y su proporción.
Termina las líneas fuera del objeto
La del borde va de (240,126), pasa por (400,126) y llega a (608,209), unos 9px por encima del borde próximo. La del asa va de (1120,500) a (1090,500), unos 21px por fuera del asa.
Usamos texto carbón de 32px y líneas ámbar de 2px, sin flechas ni círculos sobre el objeto. Descarga el PNG final y revisa las etiquetas al tamaño previsto; las coordenadas pertenecen a esta fuente.
Usa sin modificar la foto de 1024×1024. Colócala en (168,28) sobre un fondo blanco de 1360×1080 y guarda una copia sin etiquetas. Añade solo "Rounded rim" y "Loop handle" con texto carbón de 32px y líneas ámbar de 2px. Termina las líneas en (608,209) y (1090,500), fuera del producto. No inventes dimensiones, material, capacidad ni rendimiento. Guarda original, composición sin etiquetas y PNG anotado en el lienzo. Conserva los grupos SVG editables y verifica que la región protegida siga idéntica. Aporta una descripción textual.Distingue lo observado de lo no acreditado
Las dos etiquetas elegidas describen formas visibles. “350ml”, “cerámica” o “apta para lavavajillas” exigirían datos adicionales a esta imagen ficticia. El acabado del diseño no aporta hechos que faltan.
Mantén el original y la composición sin etiquetas junto a la anotada. Ayudan a descubrir cambios accidentales en el asa, el rectángulo o la silueta.
| Etiqueta propuesta | ¿Usarla aquí? | Motivo |
|---|---|---|
| Borde redondeado | Sí | Forma visible |
| Asa de anillo | Sí | Forma visible |
| Capacidad de 350ml | No | No hay especificación medida |
| Apta para lavavajillas | No | No hay evidencia de rendimiento |
Compara los píxeles protegidos del producto
El rectángulo protegido x230..900, y190..844 de la fuente coincide píxel a píxel con x398..1068, y218..872 de la composición anotada. La versión sin etiquetas conserva todo el bloque de la foto original.
En la versión anotada cambian 3,727 píxeles dentro del bloque fotográfico, en el fondo vacío donde entran texto y líneas. No afirmamos que todo ese bloque sea idéntico: la comprobación protege la región del producto.
Entrega la imagen con una descripción textual
Escribe lo esencial junto a la imagen. La guía de W3C para imágenes informativas respalda una explicación textual adyacente; el visitante no debería depender de letras diminutas para entender la descripción.
En este ejemplo: una taza marfil con borde redondeado, asa de anillo a la derecha y un rectángulo ámbar sin texto al frente. El SVG descargable solo incluye los dos grupos editables de anotación. Colócalo sobre un marco blanco de 1360×1080 con la fuente en (168,28); no es una foto completa. Las fuentes pueden variar entre editores; el PNG aplanado conserva el aspecto mostrado.
Preguntas prácticas
¿La foto acredita material o capacidad?
No. La fuente ficticia muestra forma y color. Obtén una especificación verificada antes de afirmarlos.
¿El SVG es una imagen completa del producto?
No. Solo contiene los dos grupos de anotación. Combínalo con la foto en (168,28) sobre un marco blanco de 1360×1080.
¿Todos los píxeles de la foto siguen idénticos?
La versión sin etiquetas conserva toda la foto. La anotada conserva exactamente la región protegida, pero texto y líneas cambian algunos píxeles del fondo.
Señala la característica que puedes mostrar
Abre Ciyo, compara el original con la composición anotada y exporta el gráfico con una descripción legible.