Tutoriales
Claude Opus 5.5: corregir fotos de producto giradas al subirlas
Usa Claude Opus 5.5 para localizar dónde dejan de coincidir los píxeles y los metadatos de orientación.
Usa Claude Opus 5.5 para localizar dónde dejan de coincidir los píxeles y los metadatos de orientación. Solicita una comparación del original, el archivo procesado y la vista del navegador antes de pedir un giro. Una captura no revela si la foto necesita rotación o ya se ha girado dos veces.
Reúne tres pruebas de la misma fotografía
Conserva el original de cámara intacto. Extrae los metadatos del original y del derivado que sirve realmente la página, y registra la vista del navegador. Incluye dimensiones, EXIF Orientation, pasos de procesamiento y versión de la biblioteca. Vincula cada observación a su archivo: una miniatura en caché puede no corresponder a la última subida.
Un informe de un desarrollador de noviembre de 2024 empezó culpando al navegador y después atribuyó el doble giro a una biblioteca antigua. Es un caso relatado, no una prueba del origen de tu fallo. La lección práctica es inspeccionar tanto las transformaciones como las etiquetas restantes.
| Evidencia | Investigación probable | Primera acción |
|---|---|---|
| El original solo se ve bien en algunos visores | Interpretación de orientación | Leer los metadatos originales |
| Píxeles girados y etiqueta antigua conservada | Orientación aplicada dos veces | Comparar etiqueta y proceso |
| Vista correcta, descarga incorrecta | Rutas de procesamiento diferentes | Comparar archivos exactos |
| Giro correcto, etiqueta reflejada | Transformación especular | Revisar detalles asimétricos |
Normaliza antes de definir el recorte
Imagina una foto de 4032 × 3024 con Orientation 6. Tras el cuarto de vuelta indicado, sus dimensiones verticales son 3024 × 4032. Un recorte cuadrado centrado tendría un lado de 3024 y eliminaría 504 píxeles de cada borde vertical. Es aritmética, no una demostración de que el producto cabe: una botella alta puede necesitar otra composición.
La referencia de operaciones de Sharp documenta que autoOrient aplica la orientación EXIF, incluido el reflejo necesario, y elimina esa etiqueta. Esto no resuelve automáticamente orientaciones contradictorias guardadas en otros lugares. Consulta la versión instalada e inspecciona el resultado en vez de añadir un giro incondicional de 90 grados después de normalizar.
Para un JPEG estático, puedes evaluar esta secuencia:
const output = await sharp(input)
.autoOrient()
.resize({ width: 1600, withoutEnlargement: true })
.webp()
.toBuffer();El ejemplo omite el recorte deliberadamente. Conserva el original, crea un derivado nuevo y comprueba orientación y dimensiones. Girar la vista con CSS no repara los píxeles descargados. La referencia image-orientation de MDN permite distinguir visualización y procesamiento.
Prompt de diagnóstico reproducible
Diagnostica el problema de orientación de las fotos de producto adjuntas. Entradas: original intacto, derivado servido, metadatos de ambos, captura del navegador, código de procesamiento y versión instalada. Enumera lo que falta antes de proponer un arreglo.
Crea una tabla de archivo, dimensiones, EXIF Orientation, transformación aplicada y visualización observada. Separa observaciones de hipótesis. Comprueba si el giro o reflejo ya está incorporado en los píxeles mientras permanece la etiqueta antigua.
Propón el cambio mínimo que normalice una sola vez antes de redimensionar o recortar. Conserva originales e identidad de la etiqueta. No añadas giros incondicionales ni afirmes que una captura prueba los metadatos. Explica el sistema de coordenadas del recorte.
Entrega un parche, una forma de revertirlo y pruebas con entradas normales, giradas y reflejadas. Compara vista y descarga. Si no puedes ejecutar las herramientas, entrega los comandos como no ejecutados. No declares éxito sin inspeccionar los archivos resultantes.Es un flujo propuesto para Opus, no una prueba del modelo. Utiliza una etiqueta asimétrica o una marca en una esquina de las imágenes de prueba: una botella simétrica podría ocultar un reflejo incorrecto. Para cada orientación admitida, verifica posición vertical, sentido de la etiqueta y composición. Incluye un archivo sin etiqueta de orientación y un derivado ya normalizado.
Dudas y entrega
**¿Puedo borrar EXIF primero?** Eliminar la instrucción antes de aplicarla puede dejar píxeles de lado sin información para corregirlos. Decide la transformación con los metadatos originales antes de quitarlos.
**¿Por qué solo falla una tarjeta?** Confirma su URL y versión en caché. No regeneres todo el catálogo antes de reproducir una cadena concreta de original y derivado.
**¿También arregla un mal recorte?** No. La orientación establece las coordenadas; la selección de imágenes adaptables y la composición se comprueban aparte.
Cuando apruebes la referencia vertical, llévala a Panelly Studio para crear imágenes publicitarias completas. Usa el archivo corregido y revisa el sentido de la etiqueta en el resultado. No se afirma que Panelly integre Opus ni esta secuencia de procesamiento.
