가이드
페이지 속도를 높이기 위한 이미지 압축 방법
웹사이트 이미지를 가볍게 줄이면서도 품질을 유지하는 실무형 압축 흐름을 소개합니다.
이미지 용량이 크면 페이지가 느려지는 경우가 많습니다. 복잡한 도구 없이도 기본 압축 루틴만 있으면 파일 크기를 줄이고 모바일 체감 속도를 개선할 수 있습니다.
먼저 큰 파일부터 정리
폴더에서 파일 크기순으로 정렬해 가장 무거운 이미지를 먼저 찾으세요.
히어로 이미지 몇 장만 줄여도 체감 속도가 크게 좋아지는 경우가 많습니다.
형식을 먼저 맞추기
압축 전에 이미지 형식이 콘텐츠에 맞는지 확인하세요.
사진은 JPG, 투명 그래픽은 PNG, 지원 환경이 된다면 WebP를 고려하면 효율이 좋습니다.
고정값 대신 범위 테스트
한 가지 품질 값만 쓰지 말고 80, 70, 60처럼 짧게 비교해 보세요.
대부분의 웹 이미지에서는 중간 압축만으로도 용량을 크게 줄일 수 있습니다.
- 스크린샷 안 텍스트가 읽히는지 확인
- 얼굴·경계선이 뭉개지지 않는지 확대 확인
- 모바일 중심 페이지는 조금 더 작은 파일 우선
실제 표시 크기로 리사이즈
페이지에서 900px로 보이는 이미지를 3000px 그대로 올리면 낭비가 큽니다.
표시 크기에 맞춰 줄인 뒤 압축하면 용량을 더 크게 절감할 수 있습니다.
업로드 후 빠른 속도 점검
이미지를 교체한 뒤 핵심 페이지를 모바일 기준으로 확인하세요.
품질이 너무 떨어지면 압축 강도를 조금 낮추고, 속도가 부족하면 큰 파일을 하나 더 최적화하세요.
이 가이드가 유용한 상황
- 스크린샷이 많은 블로그 글을 빠르게 만들 때
- 이미지가 많은 랜딩 페이지 이탈률을 줄이고 싶을 때
- 모바일 상품 이미지를 최적화할 때
- 배포 전 Core Web Vitals를 점검할 때
목적에 맞게 압축하세요
압축은 숫자 맞추기가 아니라 페이지 목적에 맞는 품질을 정하는 작업입니다. 원본은 보관하고 웹용 파일을 따로 만들어 테스트하세요.