도구

이미지 용량 절감 계산기: 최적화 전후 전송량 비교

이미 만들거나 측정한 이미지 변형의 바이트 절감량을 추정합니다.

월간 전송 절감량 추정에만 사용합니다.

도구 사용 방법

  1. 같은 이미지와 표시 용도에 대해 원본 및 최적화 파일 크기를 측정합니다.
  2. 선택한 단위로 두 값을 입력하고 KB와 MB를 섞지 않았는지 확인합니다.
  3. 다른 이미지도 추가해 페이지 전체의 합산 추정치를 계산합니다.
  4. 선택적으로 월간 페이지 조회 수를 입력해 매번 모든 파일을 다운로드한다는 가정의 절감량을 계산합니다.
  5. 작은 파일을 적절한 대체품으로 판단하기 전에 화질을 직접 확인합니다.

계산기는 이미지를 압축하거나 업로드하거나 페이지를 가져오지 않습니다. 브라우저에서 입력한 숫자로 계산합니다. 시각적 내용과 품질 요구가 동등한 대상을 비교합니다. 작은 썸네일이 큰 상품 사진의 적절한 대안인 것은 아닙니다.

결과의 의미

이미지별 절감량은 원본 크기에서 최적화 크기를 뺀 값입니다. 감소율은 그 차이를 원본 크기로 나누고 100을 곱합니다. 원본 크기는 양수여야 하며 0은 감소율 계산의 의미 있는 분모가 되지 못합니다.

페이지 합계는 입력 이미지의 절감량을 더합니다. 월간 추정치는 이 합계에 입력한 페이지 조회 수를 곱합니다. 실제 트래픽이나 대역폭 측정이 아니라 산술 추정입니다. 모든 입력에 인터페이스의 단위 기준을 일관되게 사용합니다.

나열한 이미지를 매 조회마다 다운로드한다고 가정합니다. 실제 전송은 브라우저 및 엣지 캐시, 반응형 선택, 지연 로딩, 재방문, 해당 이미지까지 도달했는지에 따라 달라집니다. 어떤 페이지는 입력한 파일 중 일부만 요청합니다.

최적화 파일이 더 크다면 내보내기 설정과 원본을 검사합니다. 형식을 바꿨다고 모든 이미지가 작아지는 것은 아닙니다. 음수 절감량도 근거로 보존하고 이를 긍정적인 홍보 수치로 바꾸지 않습니다.

바이트를 절반 줄이면 로딩도 절반이 되나요?

아닙니다. 리소스 발견, 네트워크, 병렬 다운로드, 디코딩, 렌더링이 모두 시간에 영향을 줍니다. 가장 큰 표시 이미지가 작아도 발견이 늦으면 도착이 늦어질 수 있습니다.

LCP 가이드로 어느 단계가 문제인지 확인합니다. 계산기는 전송량 비교에 유용하지만 파일 크기만으로 최종 LCP나 Lighthouse 점수를 예측하지 못합니다.

반응형 페이지에서는 어떤 크기를 비교하나요?

변경 전후 같은 뷰포트와 기기 조건에서 실제 선택된 리소스를 비교합니다. srcset에는 여러 후보가 있을 수 있고 고밀도 화면에서 다른 파일을 선택할 수 있습니다.

브라우저 도구에서 실제 요청을 확인합니다. 이미지 최적화 가이드는 sizes, 후보 너비, 표시 영역의 관계를 설명합니다. 모바일과 데스크톱이 크게 다른 파일을 받는다면 계산도 따로 유지합니다.

월간 추정치는 어떻게 활용하나요?

계획용 시나리오로 사용합니다. 가정한 조회 수와 이미지 목록을 기록하고 캐시나 부분 로딩 때문에 전체 다운로드 가정이 비현실적인지 검토합니다. 측정된 요금 감소나 보장된 사업 절감이라고 설명하면 안 됩니다.

배포 후 가능하면 실제 전송량과 사용자 경험을 비교합니다. 전송 효율을 높이면서도 화질, 유용한 대체 텍스트, 안정적인 표시 크기를 유지합니다.

관련 가이드