웹사이트용 이미지 용량 줄이는 법 – 크기, 형식, 품질 순서로

페이지가 느리거나 업로드 용량 제한에 걸릴 때 대개 품질 슬라이더부터 낮춥니다. 하지만 효과가 큰 순서는 따로 있습니다. 같은 사진(1280×854)으로 직접 측정한 결과를 바탕으로 정리했습니다.

1단계: 필요한 크기로 줄이세요

용량을 가장 크게 줄이는 방법은 화면에 실제로 보이는 크기보다 큰 이미지를 쓰지 않는 것입니다. 스마트폰 사진은 가로 4000픽셀을 넘기도 하지만 블로그 본문 폭은 보통 800픽셀 안팎입니다. 보이지도 않는 픽셀이 전부 용량입니다.

품질은 그대로 두고 가로만 800픽셀로 줄였는데 용량이 60% 이상 줄었습니다. 고해상도 화면(레티나)을 위해 2배 크기를 따로 제공해야 하는 경우가 아니라면 표시 크기에 맞추세요. 이 사이트에서는 옵션의 크기 항목에서 가로 px을 지정하면 비율이 유지된 채 줄어듭니다.

2단계: 사진에 맞는 형식을 고르세요

같은 사진을 형식만 바꿔 저장한 결과입니다. 1280×854, 품질을 지정할 수 있는 형식은 90입니다.

사진을 PNG로 저장하면 JPG의 5배가 넘습니다. 웹에 올릴 사진이 PNG라면 형식만 바꿔도 가장 쉬운 개선이 됩니다. 반대로 로고, 스크린샷처럼 색이 단순하고 글자가 있는 이미지는 PNG가 더 작거나 비슷한 경우가 많고 JPG로 바꾸면 글자 주변이 번집니다. 사진은 JPG 또는 WebP, 투명 배경이나 단순 그래픽은 PNG 또는 WebP로 기억해 두면 대부분 맞습니다. 두 형식의 차이는 WebP와 JPG 비교에서 더 설명합니다.

3단계: 마지막에 품질을 조절하세요

크기와 형식을 정한 뒤에도 더 줄이고 싶을 때 품질을 만집니다.

95에서 80으로 내리면 거의 절반이 됩니다. 사진은 80~85 정도에서도 대부분 육안으로 큰 차이를 느끼기 어렵고, 60 아래로 내려가면 하늘 같은 매끈한 영역에 블록 무늬가 보이기 시작합니다. 이 숫자들은 한 장으로 잰 값이므로, 중요한 이미지는 결과 화면의 크기와 실제 화질을 눈으로 확인하세요.

4단계: 불필요한 정보를 빼세요

카메라 사진에는 촬영 기기, 시각, 위치 같은 EXIF 정보가 들어 있습니다. 용량 면에서는 크지 않지만 개인정보 면에서 의미가 큽니다. 이 사이트의 변환 결과에는 기본적으로 이런 정보가 포함되지 않습니다.

정리: 우선순위

1. 표시되는 크기에 맞춰 줄인다. 효과가 가장 큽니다.
2. 사진은 JPG 또는 WebP로 저장한다. PNG 사진은 형식만 바꿔도 크게 줄어듭니다.
3. 품질은 80~85부터 시작해 필요하면 내린다.
4. 결과 화면의 크기와 실제 화질을 확인한다.

여러 장은 한꺼번에 올려 같은 설정으로 변환하고 ZIP으로 내려받을 수 있습니다.