유틸리티

사진 용량 줄이기, 화질 안 깨지게 압축하는 방법

이력서에 증명사진을 첨부하려는데 "파일 크기 200KB 이하"라는 제한에 걸린다. 원본 사진은 3MB가 넘으니 당연히 업로드가 안 된다. 그렇다고 화질이 깨져버리면 증명사진으로 쓸 수가 없다.

이미지 파일이 큰 이유

스마트폰 카메라 성능이 좋아지면서 사진 한 장의 용량도 함께 커졌다. 최근 스마트폰은 기본 해상도가 4000x3000 이상이라 JPG 한 장이 4~8MB에 달한다. 미러리스 카메라로 찍으면 20MB를 넘기는 것도 흔하다.

문제는 웹에서 필요한 이미지 크기가 이보다 훨씬 작다는 점이다. 블로그 본문에 들어갈 사진은 가로 800~1200px이면 충분하고, 용량도 300KB 내외가 적당하다. 원본 그대로 올리면 페이지 로딩만 느려질 뿐이다.

손실 압축과 무손실 압축의 차이

이미지 압축 방식은 크게 두 가지다.

손실 압축 (Lossy)
눈에 잘 안 띄는 색상 데이터를 제거해서 용량을 줄인다. JPG가 대표적이다. 품질 80% 정도면 원본과 차이를 거의 느끼기 어렵고, 용량은 절반 이하로 떨어진다.
무손실 압축 (Lossless)
원본 데이터를 그대로 유지하면서 파일 구조만 최적화한다. PNG가 여기에 해당하고, 압축률은 손실 방식보다 낮다.
주의 JPG 파일을 반복해서 저장하면 저장할 때마다 화질이 조금씩 열화된다. 원본은 따로 보관하고, 압축은 한 번만 하는 게 좋다.

상황별 권장 설정

어디에 쓸 사진이냐에 따라 최적의 압축 수준이 다르다.

용도권장 품질권장 해상도목표 용량
블로그 본문75~80%가로 1200px100~300KB
이력서·증명사진85~90%가로 400px100~200KB
여권사진90%413x531px200KB 이하
쇼핑몰 상품80~85%가로 800~1000px200~500KB
SNS 업로드80%가로 1080px500KB 이하

브라우저에서 바로 압축하는 법

프로그램을 설치하지 않아도 된다. 온라인 이미지 압축 도구에 파일을 드래그해서 놓으면 바로 결과가 나온다. 최대 20장까지 한꺼번에 처리할 수 있고, 품질 슬라이더로 압축 강도를 직접 조절할 수 있다.

  1. 압축할 이미지를 드래그앤드롭하거나 파일 선택 버튼으로 불러온다.
  2. 품질 슬라이더를 80% 전후로 설정한다. 필요하면 리사이즈 옵션에서 가로 픽셀도 지정한다.
  3. 압축이 끝나면 원본 대비 줄어든 비율이 표시된다. 개별 또는 전체 다운로드 버튼으로 저장한다.

모든 처리가 브라우저 안에서 이루어지기 때문에 파일이 외부 서버로 전송되지 않는다. 이력서 사진이나 신분증 스캔본처럼 민감한 이미지를 다룰 때 신경 쓸 부분이 줄어든다.

포맷별 특성 비교

포맷압축 방식투명 배경적합한 용도
JPG손실불가사진, 풍경 이미지
PNG무손실가능로고, 캡처, 도표
WebP손실/무손실 선택가능웹 최적화 전용
GIF무손실(256색)가능간단한 애니메이션

사진이라면 JPG, 텍스트가 포함된 캡처 이미지라면 PNG를 유지하는 게 기본이다. 블로그나 웹사이트에 올릴 거라면 WebP로 변환하면 같은 화질에서 용량이 25~35% 더 줄어든다.

증명사진 한 장 때문에 포토샵을 열 필요는 없다. 품질 80%로 한 번 돌리면 대부분의 용량 제한 문제는 해결된다.