블로그에 사진 5장을 올렸더니 페이지 로딩에 4초가 걸린다. 원인은 간단하다. 스마트폰 원본 사진은 한 장에 3~8MB, 미러리스 카메라로 찍으면 20MB를 넘긴다. 이미지 용량 줄이기만 해도 로딩 속도가 절반 이하로 떨어진다.
왜 이미지 용량이 문제가 될까
구글은 페이지 로딩 속도를 검색 순위 요소로 반영한다. 웹페이지 전체 용량의 절반 이상을 이미지가 차지하는 경우가 많아서, 사진 몇 장만 줄여도 체감 속도가 확 달라진다.
- 3G 환경에서 5MB 이미지 1장 로딩: 약 8초
- LTE 환경에서 5MB 이미지 1장 로딩: 약 2초
- Wi-Fi 환경에서 500KB 이미지 1장 로딩: 0.2초 이하
포맷별 압축 특성
JPG
사진에 가장 적합한 포맷이다. 손실 압축 방식이라 품질을 80%로 설정하면 용량이 절반 이하로 줄어드는데, 육안으로 차이를 구분하기 어렵다. 70% 아래로 내리면 텍스트가 포함된 이미지에서 뭉개짐이 보이기 시작한다.
PNG
로고, 아이콘, 스크린샷처럼 투명 배경이 필요하거나 선명한 경계가 중요한 이미지에 쓴다. 무손실 압축이라 화질은 그대로 유지되지만, 사진에 쓰면 JPG보다 용량이 2~3배 커진다.
WebP
구글이 만든 포맷으로, JPG보다 25~35% 작은 용량에 같은 화질을 낸다. 2026년 기준 주요 브라우저가 전부 지원하므로 웹용 이미지라면 WebP가 가장 효율적이다.
실제 압축 결과
압축 전
- 파일 크기: 4.8MB
- 해상도: 4032 x 3024
압축 후 (품질 80%)
- 파일 크기: 620KB (87% 감소)
- 해상도: 1920 x 1440
사진을 나란히 놓고 비교해도 차이를 찾기 어렵다. 블로그나 쇼핑몰 상품 사진이라면 이 정도면 충분하다.
브라우저에서 바로 줄이는 법
별도 프로그램을 설치할 필요 없다. 온라인 이미지 압축 도구에 파일을 드래그해서 놓으면 바로 압축이 시작된다. 품질 슬라이더로 원하는 수준을 조절할 수 있고, 한 번에 최대 20장까지 일괄 처리도 된다. 서버에 파일을 올리지 않고 브라우저에서 직접 처리하기 때문에 개인 사진도 걱정 없이 쓸 수 있다.
주의 여권사진이나 이력서 사진처럼 규격이 정해진 이미지는 리사이즈 없이 용량만 줄여야 한다. 해상도까지 바꾸면 규격에 맞지 않을 수 있다.
한 번 해보면 30초도 안 걸린다. 로딩 속도 때문에 방문자가 이탈하는 것보다 훨씬 낫다.