이미지 리사이즈·용량 압축

용량을 줄이는 세 가지 방법과 그 효과 순서

이미지 용량을 줄이는 방법은 크게 셋인데, 효과의 크기가 완전히 다릅니다. 순서를 알면 헛수고를 줄일 수 있습니다.

어디에 올릴 이미지인가에 따라 가로 폭이 정해집니다

가로 폭은 감으로 정할 게 아니라 그 이미지가 화면에서 실제로 차지하는 폭의 약 2배로 잡으면 됩니다. 2배인 이유는 요즘 휴대폰·노트북 화면이 대부분 고밀도(레티나)라 1px을 2개의 물리 화소로 그리기 때문입니다.

품질 80 근처가 기준선인 이유

JPEG·WebP의 품질 값은 선형이 아닙니다. 100에서 90으로 내리면 용량이 뚝 떨어지는데 화질 차이는 알아보기 어렵습니다. 90에서 80도 마찬가지입니다. 그런데 80 아래로 내려가면 용량은 조금씩만 줄고 화질은 눈에 띄게 나빠지기 시작합니다. 그 꺾이는 지점이 대략 75~85 사이라 이 도구의 기본값이 80입니다.

다만 이건 사진 기준입니다. 이미지 종류에 따라 최적값이 다릅니다.

• 풍경·인물 사진 — 80이면 충분합니다. 눈으로 원본과 구분하기 어렵습니다.
• 글자가 들어간 이미지(상세페이지, 인포그래픽) — 90 이상. 낮은 품질에서 글자 가장자리에 지저분한 얼룩이 생깁니다.
• 단색 면이 넓은 그래픽·로고 — JPEG를 쓰지 마세요. 경계에 유령 같은 번짐이 생깁니다. PNG나 WebP가 맞습니다.
• 스크린샷 — PNG를 쓰세요. JPEG로 저장한 스크린샷은 글자가 뭉개집니다.

변환하면 조용히 사라지는 것들

이 도구는 캔버스에 이미지를 다시 그려서 새 파일로 만듭니다. 그 과정에서 원본 파일에 딸려 있던 부가 정보가 전부 없어집니다. 좋은 면과 나쁜 면이 다 있으므로 알고 쓰는 게 좋습니다.

• GPS 위치 정보 — 사라집니다. 좋은 일입니다. 휴대폰 사진에는 촬영 장소 좌표가 들어 있고, 그대로 블로그에 올리면 집 위치가 노출될 수 있습니다.
• 촬영 정보(EXIF) — 카메라 기종, 조리개, 촬영 일시가 사라집니다. 사진 아카이브용이라면 원본을 따로 보관하세요.
• 색 프로필(ICC) — 사라집니다. 넓은 색 영역(Display P3 등)으로 찍은 사진은 색이 조금 옅어 보일 수 있습니다. 일반 sRGB 사진은 영향이 없습니다.
• GIF 애니메이션 — 첫 프레임만 남고 정지 이미지가 됩니다. 움직이는 GIF를 넣지 마세요.
• 투명 배경 + JPEG — 투명한 부분이 흰색으로 채워집니다. 이 도구가 검게 나오는 것을 막으려고 일부러 흰색을 깔지만, 어두운 배경에 쓸 이미지라면 어색해집니다. 투명이 필요하면 PNG나 WebP를 고르세요.

변환했는데 용량이 오히려 늘었다면

가끔 절감률이 마이너스로 나옵니다. 표에 빨간 배지로 "+18%" 처럼 표시되고 아래 메시지도 경고로 바뀝니다. 이유는 대개 정해져 있습니다.

• 이미 최적화된 이미지를 다시 압축 — 웹에서 받은 이미지는 이미 압축돼 있습니다. 여기에 품질 90을 다시 적용하면 커질 수 있습니다. 품질을 낮추세요.
• 사진을 PNG로 저장 — PNG는 사진에 최악입니다. 원본 JPEG보다 몇 배 커집니다. 사진은 WebP나 JPEG로.
• 작은 이미지 — 이미 100KB도 안 되는 이미지는 줄일 여지가 별로 없습니다.
• 크기를 안 줄이고 포맷만 바꿈 — 원본과 같은 픽셀 수라면 효과가 제한적입니다. 가로 폭부터 줄이세요.