이미지 용량을 줄이는 방법은 크게 두 가지입니다. 하나는 이미지의 픽셀 수, 즉 해상도를 줄이는 '리사이즈'이고, 다른 하나는 픽셀 수는 그대로 두고 데이터를 더 촘촘하게 압축하는 '압축'입니다. 이 둘은 결과가 다르기 때문에 구분해서 쓰면 화질을 덜 잃으면서 용량을 효과적으로 줄일 수 있습니다.
원리를 알면 '왜 이만큼 줄였는데도 흐릿한가' 또는 '왜 충분히 안 줄어드는가'를 이해하고 바로잡을 수 있습니다.
해상도 줄이기(리사이즈)
리사이즈는 가로·세로 픽셀 수를 줄이는 것입니다. 4000×3000 사진을 1600×1200으로 줄이면 픽셀 수가 크게 감소해 용량이 확 떨어집니다. 화면이나 웹에서는 표시되는 크기보다 더 큰 원본이 대부분이라, 표시 크기에 맞춰 리사이즈하면 보이는 화질은 그대로면서 용량만 줄일 수 있습니다.
다만 한번 줄인 픽셀은 되살릴 수 없습니다. 나중에 크게 인쇄할 가능성이 있다면 원본은 따로 보관하세요.
압축률 높이기
압축은 픽셀 수를 유지한 채 JPG의 품질 값을 낮추는 방식입니다. 품질을 낮출수록 파일은 작아지지만, 너무 낮추면 색이 뭉치거나 경계에 얼룩(아티팩트)이 생깁니다. 사진은 어느 정도 압축해도 잘 견디는 반면, 글자나 또렷한 선이 많은 이미지는 압축에 약해 금세 지저분해집니다.
실측: 가로를 줄이면 용량은 얼마나 떨어지나
리사이즈가 압축보다 효과가 크다는 말은 자주 나오지만, 얼마나 큰지를 숫자로 본 적은 드뭅니다. 같은 사진을 JPG 품질 80으로 고정한 채 가로만 줄여 재봤습니다.
| 가로 비율 | 픽셀 크기 | 픽셀 수 | 파일 크기 |
|---|---|---|---|
| 100% | 1600×1067 | 1,707,200 | 269 KB |
| 75% | 1200×800 | 960,000 | 105 KB |
| 50% | 800×534 | 427,200 | 33 KB |
| 25% | 400×267 | 106,800 | 5 KB |
주목할 점은 가로를 절반으로 줄였을 때입니다. 픽셀 수는 4분의 1이 되는데 파일은 269 KB에서 33 KB로 약 8.1분의 1이 됐습니다. 픽셀이 줄면 이웃한 픽셀끼리 더 비슷해져 압축 효율까지 함께 올라가기 때문입니다. 품질 슬라이더를 만지기 전에 크기부터 줄여야 하는 이유가 여기 있습니다.
화질 손실이 괜찮은 경우와 아닌 경우
용량을 줄일 때는 '이 손실이 용도에 허용되는가'를 먼저 따져야 합니다.
- 허용되는 경우 — SNS 업로드, 블로그 본문 이미지, 미리보기 썸네일, 이메일 첨부
- 주의가 필요한 경우 — 인쇄물, 제품 사진, 글자가 많은 자료, 보관용 원본
- 원본을 지우지 말 것 — 압축·리사이즈한 파일과 별개로 원본을 남겨두면 나중에 다시 작업할 수 있다
웹용과 인쇄용은 기준이 다르다
웹은 화면 픽셀이 기준이라 표시 크기에만 맞으면 충분합니다. 페이지 로딩 속도를 위해 과감히 줄여도 됩니다. 반면 인쇄는 점 밀도(보통 300dpi 안팎)가 기준이라 화면에서 충분해 보여도 인쇄하면 흐릿할 수 있습니다. 인쇄가 목적이라면 해상도를 너무 낮추지 말고 압축도 과하지 않게 하세요.
목표 용량부터 정하기
실전에서는 '얼마 이하로 만들어야 하는가'가 먼저인 경우가 많습니다. 첨부 파일 5MB 제한, 게시판 2MB 제한처럼 목표 용량이 정해져 있다면, 목표 용량에 맞춰 압축하는 방식이 편합니다. Switching의 용량 압축 도구는 목표 크기를 정해 그 이하로 맞춰 주고, 리사이즈 도구로 해상도까지 함께 조절할 수 있습니다. 모든 처리는 브라우저 안에서 이뤄져 파일이 서버로 전송되지 않습니다.