Inflearn brand logo image

인프런 커뮤니티 질문&답변

asd님의 프로필 이미지
asd

작성한 질문수

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

이미지 리사이징 현상 막기

해결된 질문

작성

·

78

0

선생님! AWS에 이미지 호스팅 서비스 관련해서 궁금한게 있습니다.

제가 테스트를 해봤는데 썸네일 이미지 크기(가로/세로)에 상관없이 실제 운영 환경에는 동일한 크기의 썸네일 이미지로 보여지더라구요. 그러면 이게 AWS 이미지 호스팅 할 때 이미지 크기를 리사이징해서 조절해주는 작업이 일어나는거라고 저는 추측하고 있는데요.
만약 이런 작업이 일어난다면 결국 AWS에 불필요한 작업으로 인한 비용이 발생이 되는거라서... 혹시 이미지 사이즈 크기에 대한 팁이 있을까요?

답변 1

0

코배투님의 프로필 이미지
코배투
지식공유자

안녕하세요.

좋은 질문 주셔서 감사합니다.

 

실제로 S3는 스토리지에 불과하기 때문에 업로드 된 이미지는 리사이징 과정을 거치지 않습니다.

단지 원본 이미지를 serving 해주는 역할에 불과해요.

AWS가 이미지를 자동으로 리사이징하게 하려면 “Dynamic Image Transformation for Amazon CloudFront”과 같은 별도 솔루션을 직접 배포해야 합니다.

 

사이트에서 썸네일이 “같은 크기”로 보이는 것은 HTML/CSS에서 width, height, object-fit 같은 속성으로 브라우저가 화면에 맞게 축소해서 보여주기 때문일 듯합니다.

 

저는 개인적으로 그렇게 유의미한 비용의 차이가 없어서, 강의에서 사용한 이미지 해상도로 서비스에서 사용하고 있는데요.

만약 조금이라도 비용을 최적화하고 싶으시다면 자체적으로 리사이징을 하시거나 콘텐츠를 처음 생성하는 과정에서 사이즈를 맞춘 후 업로드 하시는 것을 추천드립니다.

asd님의 프로필 이미지
asd
질문자

그렇군요! 브라우저 자체에서 조절해줄 수 있다는 생각을 못해봤네요.

항상 정성스러운 답변 감사합니다!!

asd님의 프로필 이미지
asd

작성한 질문수

질문하기