Chrome 이미지 EXIF ​​오리엔테이션 문제

Question

사진을 표시하는 웹 앱을 구축 중입니다. 대부분의 사진은 스마트 폰에서 찍은 사진이며 EXIF ​​회전 정보가 있습니다. 이미지 blob을 수정하지 않고 반환하는 url을 노출하고 있습니다.

나는이 URL을 img 태그에 넣으면 Chrome이 EXIF ​​방향 데이터를 따르지 않지만 크롬 주소 표시 줄에 URL을 넣으면 이미지가있는 페이지가 표시되고 EXIF ​​방향을 존중합니다 .

죄송합니다. 이미지를 공유 할 수 없으므로 공유 할 수있는 다른 예를 찾으려고합니다.

누구든지이 문제를 알고 있습니까?

Answer 1

이 동작의 이유는 브라우저 탭에 기본 문서로 직접 표시되는 경우에만 Chrome이 EXIF ​​데이터를 기반으로 사진을 자동 회전하기 때문입니다. 미래, 크롬 (및 다른 브라우저)에서 https://bugs.chromium.org/p/chromium/issues/detail?id=56845

개발자가 CSS와 IMG 태그를 통해 표시 이미지도 자동 회전을 가능하게 할 수 있습니다 :

이 구현을 추적 관련 크롬 문제는 다음이다 이미지 회전 속성 : https://bugs.chromium.org/p/chromium/issues/detail?id=158753