이미지 압축의 실제 용량·화질 비교하기

입력 파일

• 내려받기: compression-texture.png

  직접 만든 960×640 px 질감 그림 PNG

• 내려받기: compression-label.png

  직접 만든 960×640 px 글자·선 그림 PNG

참고 결과

품질 90으로 실행한 질감 그림 JPG · 아래에서 4가지 실제 결과를 모두 내려받을 수 있습니다.

결과에서 확인할 내용

960 × 640 px · JPEG · quality 90 / 30

따라 하기

1. 두 입력을 내려받고 이미지 압축에 한 장씩 선택합니다.
2. 이미지 품질을 90으로 지정해 실행·다운로드하고, 원본을 다시 선택해 30으로 반복합니다.
3. 출력의 픽셀 크기·용량을 확인하고 같은 위치의 글자·선 확대 화면을 비교합니다.

결과 확인

• 출력은 PNG가 아닌 JPG이며 960×640 px가 유지됩니다.
• 감소율이 음수인 결과는 원본보다 커졌다는 뜻입니다.
• 작은 글자의 O/0·I/1과 얇은 선을 확대해 사용 목적에 충분한지 확인합니다.

이 예제의 범위와 한계

사진의 압축 효과를 대표하는 실제 사진이 아닌 직접 만든 합성 그림입니다. 같은 품질 값이어도 브라우저 인코더와 입력에 따라 결과가 달라집니다.

픽셀 크기를 줄이거나 투명도를 유지하는 도구가 아닙니다. 원본을 보관하고 필요한 크기·형식은 별도 도구에서 선택하세요.

결과가 다를 때

참고 자료

• MDN: Image file types and formats