우리 회사에서는 게시글에 이미지를 첨부할 때 AWS S3 업로드 후 보여줄 때는 람다엣지 이미지 리사이저 함수를 거쳐서 cloudfront에 캐싱되어 이미지가 보여진다. 최근에 이미지 용량 문제로 webp 이미지로 변환하였는데, 게시글에 첨부된 이미지가 한번씩 회전(?)이 되는 문제가 발생했다. 원인을 확인해보니 요즘 휴대폰으로 촬영하는 이미지는 자동으로 회전정보가 메타데이터에 기록된다. 예를들어 휴대폰을 가로로회전해서 찍으면 90도 방향이라는 정보가 기록되는것이다. jpg나 png 같은 일반적인 이미지 파일들은 브라우져에서 자동으로 메타데이터에 회전정보를 읽어 회전해서 보여주는데, webp 이미지는 메타데이터의 회전정보를 무시하고 바로 보여주는 문제가 있었다. 스택오버플로를 찾아보니 역시 비슷한 문제가..