튜토리얼
Claude Opus 5.5로 업로드 후 돌아간 제품 사진 바로잡기
Claude Opus 5.5에 픽셀과 방향 메타데이터가 어느 단계에서 어긋나는지 추적하도록 요청하세요.
Claude Opus 5.5에 픽셀과 방향 메타데이터가 어느 단계에서 어긋나는지 추적하도록 요청하세요. 회전을 지시하기 전에 원본, 처리된 파일, 브라우저 표시를 비교해야 합니다. 스크린샷만으로는 아직 회전이 필요한지, 이미 두 번 회전했는지 알 수 없습니다.
같은 사진의 증거 세 가지 모으기
수정하지 않은 카메라 원본을 보관하세요. 원본과 페이지에 실제 제공되는 파생 파일의 메타데이터를 각각 추출하고 브라우저 미리보기도 기록합니다. 가로·세로 크기, EXIF Orientation, 처리 순서, 라이브러리 버전을 포함하세요. 관찰마다 대상 파일을 명시해야 합니다. 캐시된 썸네일은 최신 업로드와 다를 수 있습니다.
2024년 11월 개발자 질문은 처음에는 브라우저를 의심했지만 이후 오래된 이미지 처리 라이브러리의 중복 회전을 원인으로 지목했습니다. 단일 사례의 자기 보고이며 여러분의 처리 경로를 진단한 결과는 아닙니다. 변환과 남아 있는 태그를 함께 보라는 점이 유용합니다.
| 관찰 | 조사할 부분 | 첫 조치 |
|---|---|---|
| 일부 뷰어에서만 원본이 정상 | 방향 태그 해석 | 원본 메타데이터 읽기 |
| 픽셀은 회전했지만 이전 태그가 남음 | 방향 중복 적용 | 출력 태그와 처리 단계 비교 |
| 미리보기 정상, 다운로드 비정상 | 서로 다른 처리 경로 | 실제 파일 비교 |
| 위아래는 맞지만 라벨이 뒤집힘 | 미러링 | 비대칭 세부 확인 |
방향을 통일한 뒤 자르기 좌표 결정하기
Orientation 6인 4032 × 3024 사진을 가정해 봅시다. 지시된 사분의 일 회전을 적용하면 바른 방향의 크기는 3024 × 4032입니다. 중앙 정사각형은 한 변이 3024이고 위아래에서 각각 504픽셀을 제거합니다. 이는 치수 계산일 뿐 제품에 적합한 자르기라는 증거는 아닙니다. 긴 병에는 다른 구도가 필요할 수 있습니다.
Sharp 연산 문서에 따르면 autoOrient는 필요한 미러링을 포함해 EXIF 방향을 적용하고 해당 태그를 제거합니다. EXIF를 처리했다고 다른 위치에 있는 충돌하는 방향 정보까지 해결되지는 않습니다. 설치 버전의 문서와 출력을 확인하고 정규화 뒤에 무조건 90도 회전을 더하지 마세요.
정적 JPEG에 검토할 수 있는 처리 예입니다.
const output = await sharp(input)
.autoOrient()
.resize({ width: 1600, withoutEnlargement: true })
.webp()
.toBuffer();의도적으로 자르기를 제외했습니다. 원본을 보존하고 새 파생 파일을 만든 뒤 방향과 치수를 확인하세요. CSS로 미리보기를 돌려도 다운로드 파일의 픽셀은 고쳐지지 않습니다. MDN image-orientation 문서는 표시와 파일 처리를 구분하는 데 도움이 됩니다.
바로 사용할 진단 프롬프트
제공한 제품 사진의 방향 문제를 진단해 주세요. 입력은 수정하지 않은 원본, 실제 제공된 파생 파일, 각각의 메타데이터, 브라우저 화면, 처리 코드와 설치된 라이브러리 버전입니다. 해결책 전에 누락된 입력을 나열하세요.
파일, 픽셀 치수, EXIF Orientation, 적용된 변환, 관찰한 표시를 표로 만드세요. 관찰과 가설을 구분하고, 픽셀에 이미 회전이나 미러링이 반영됐는데 이전 태그가 남아 있는지 확인하세요.
크기 조절이나 자르기 전에 방향을 한 번만 정규화하는 최소 변경을 제안하세요. 원본과 제품 라벨의 정체성을 보존하세요. 무조건 회전시키거나 스크린샷이 메타데이터를 증명한다고 말하지 마세요. 자르기의 좌표계를 설명하세요.
패치, 되돌리는 방법, 정상·회전·미러링 입력 테스트를 제출하세요. 미리보기와 다운로드를 비교하세요. 도구를 실행할 수 없다면 명령과 미실행 표시를 제공하고, 출력 파일을 확인하지 않고 성공을 주장하지 마세요.이는 제안하는 Opus 작업 흐름이며 모델 실측이 아닙니다. 테스트 이미지에 비대칭 라벨이나 모서리 표시를 넣어 대칭적인 병 때문에 미러링 오류를 놓치지 않도록 하세요. 지원하는 각 방향에서 똑바로 섰는지, 라벨 방향과 의도한 구도가 유지됐는지 확인합니다. 방향 태그 없는 파일과 이미 정규화된 파일도 포함하세요.
문제 해결과 전달
**EXIF를 먼저 지워도 되나요?** 방향 지시를 적용하기 전에 삭제하면 옆으로 누운 픽셀만 남고 교정 정보가 사라질 수 있습니다. 원본 메타데이터로 변환을 결정한 뒤 제거하세요.
**왜 카드 하나만 이상한가요?** 실제 제공 URL과 캐시 버전을 확인하세요. 한 쌍의 원본·파생 파일에서 재현하기 전에 전체 카탈로그를 다시 만들 필요는 없습니다.
**잘못된 자르기도 해결되나요?** 방향은 좌표계를 정할 뿐입니다. 반응형 이미지 선택과 구도는 별도로 확인해야 합니다.
올바른 방향의 참조를 승인한 뒤 Panelly Studio에서 완성형 제품 광고 이미지를 만들 수 있습니다. 수정된 파일을 참조로 사용하고 결과의 라벨 방향도 확인하세요. Panelly가 Opus나 위 처리 경로를 내장한다는 뜻은 아닙니다.
