이미지 리사이징 현상 막기
선생님! AWS에 이미지 호스팅 서비스 관련해서 궁금한게 있습니다.
제가 테스트를 해봤는데 썸네일 이미지 크기(가로/세로)에 상관없이 실제 운영 환경에는 동일한 크기의 썸네일 이미지로 보여지더라구요. 그러면 이게 AWS 이미지 호스팅 할 때 이미지 크기를 리사이징해서 조절해주는 작업이 일어나는거라고 저는 추측하고 있는데요.
만약 이런 작업이 일어난다면 결국 AWS에 불필요한 작업으로 인한 비용이 발생이 되는거라서... 혹시 이미지 사이즈 크기에 대한 팁이 있을까요?
답변 1
0
안녕하세요.
좋은 질문 주셔서 감사합니다.
실제로 S3는 스토리지에 불과하기 때문에 업로드 된 이미지는 리사이징 과정을 거치지 않습니다.
단지 원본 이미지를 serving 해주는 역할에 불과해요.
AWS가 이미지를 자동으로 리사이징하게 하려면 “Dynamic Image Transformation for Amazon CloudFront”과 같은 별도 솔루션을 직접 배포해야 합니다.
사이트에서 썸네일이 “같은 크기”로 보이는 것은 HTML/CSS에서 width, height, object-fit 같은 속성으로 브라우저가 화면에 맞게 축소해서 보여주기 때문일 듯합니다.
저는 개인적으로 그렇게 유의미한 비용의 차이가 없어서, 강의에서 사용한 이미지 해상도로 서비스에서 사용하고 있는데요.
만약 조금이라도 비용을 최적화하고 싶으시다면 자체적으로 리사이징을 하시거나 콘텐츠를 처음 생성하는 과정에서 사이즈를 맞춘 후 업로드 하시는 것을 추천드립니다.
ESFP 영어버전 받을 수 있을까요?
0
81
2
강의 9분 45초 질문입니다
0
88
4
이미지 생성 참조 툴 문의
0
78
2
사이트에 애드센스 연결하는 법
0
128
2
카카오 애드핏 글로벌
0
93
1
db 를 연결하려면 어떤걸 추천하시나요?
0
163
2
GA "수명주기" 탭 없음
0
113
2
cloudflare gitgub private repository 가져올 수 있을까요?
0
241
2
robots.txt 최신화 하는 방법을 아시나요?
0
137
1
메타태그쪽 보고 있습니다만 helmet 라이브러리가 뭔가 잘 작동 안하네요.
0
111
3
CloudFlare 설정 질문
0
377
2
SNS 공유버튼 그룹 만들기 6:30~7:30 질문있습니다.
0
144
3
React Build 문제
0
137
1
PC 접속 X, 모바일 접속만 가능
0
145
2
AWS 배포 후 사이트 접속이 원할하지 않은 문제
0
120
1
따라하다 보니 어느순간 화면이 하얗게 나오는건 왜그럴까요?
0
157
3
이용 약관 코드도 제공을 해 주시나요?
0
126
1
코드 힌트 방법
0
223
2
마지막 강의에서 다음 강의가 있다고 하셨는데 곧 올라오나요?
0
86
2
rem 단위를 쓰는 이유
0
235
2
리액트를 선택한 이유
0
130
2
구글 애드센스의 경우 한 개의 아이디로 여러 사이트에 등록이 가능한 것인지 궁금합니다.
0
221
2
이미지 제작에 관한 문의
0
113
2
Layout 을 추가하니, ThumbnailList가 2번 그려지는 현상이 있어요.
0
79
2