이미지 최적화 여정(1): AWS Serverless Image Handler

문제텀블벅은 실제 이미지 크기와 렌더링 크기가 어긋나 성능이 떨어졌고, SaaS 이미지 서비스에 묶여 있어 프런트 요구에 맞춘 사이즈를 만들려면 매번 백엔드를 거쳐야 했다.

접근AWS Serverless Image Handler(SIH)를 도입해 CloudFront·S3·Lambda 조합으로 클라이언트가 요청한 사이즈를 온디맨드 생성. S3 트리거 Lambda로 1240px 초과 이미지를 자동 리사이즈하되 원본은 보존하고, 일부 페이지부터 점진 적용했다. 리사이즈가 사용자 요청보다 늦게 끝나는 타이밍 문제는 polling과 cache busting으로 회피했다.

결과몇 달 안에 이미지 품질 컴플레인이 사라졌고, 프런트엔드 엔지니어가 인프라까지 이해하는 시야 확장의 가치를 체감한 사례로 정리됐다.