블로그 › 이미지 용량이 크면 생기는 문제들

이미지 용량이 크면 생기는 문제들

스마트폰 카메라로 찍은 사진 한 장이 4~6MB에 달하는 시대입니다. 화질이 좋은 건 분명히 장점입니다. 그런데 그 사진을 블로그에 올리거나, 이메일에 첨부하거나, 쇼핑몰 상품 이미지로 등록할 때도 원본 그대로 쓰면 어떻게 될까요?

용량이 큰 이미지가 만드는 문제들

얼마나 줄여야 할까

용도에 따라 기준이 다릅니다. 웹 페이지의 일반 이미지라면 폭 1200px 기준으로 JPEG 80% 품질 적용 시 보통 100~300KB 수준이 적당합니다. 썸네일이라면 20~50KB면 충분합니다. 반대로 인쇄용 이미지는 압축보다 화질을 우선해야 합니다.

핵심은 '어디에 쓰이느냐'입니다. 레티나 디스플레이에서 풀스크린으로 보여줄 배경 이미지라면 200~400KB도 허용됩니다. 하지만 목록 페이지 썸네일에 2MB 이미지를 쓰는 건 명백한 낭비입니다.

어떤 포맷을 써야 할까

포맷 선택만으로도 용량이 크게 달라집니다. 같은 사진을 같은 화질로 저장했을 때 JPEG 대비 WebP는 약 25~35%, AVIF는 약 40~50% 더 작습니다. 투명 배경이 필요 없는 사진이라면 WebP가 현재 가장 실용적인 선택입니다. Chrome, Firefox, Safari, Edge 모두 지원합니다.

로고나 아이콘처럼 투명 배경이 필요하고 색상이 단순하다면 PNG, 텍스트가 포함된 이미지도 PNG가 선명도를 더 잘 유지합니다. 가장 효율이 좋은 AVIF는 Chrome 94+, Firefox 93+, Safari 16+ 이상에서만 지원하므로 구형 환경이 포함된다면 WebP를 쓰세요.

압축할 때 주의할 점

JPEG와 WebP는 저장할 때마다 품질이 손실됩니다. 이미 압축된 파일을 다시 열어서 저장하면 화질이 추가로 떨어집니다. 원본 파일은 항상 따로 보관하고, 압축본을 배포용으로 쓰는 습관이 중요합니다. PNG는 무손실 포맷이라 반복 저장해도 픽셀이 변하지 않습니다.