이미지 압축

선택한 품질 수준으로 이미지를 브라우저 캔버스에서 다시 인코딩합니다. JPG와 WebP는 손실 압축이라 시각적으로 덜 중요한 데이터를 버려 용량을 줄입니다. PNG는 무손실이라 어떤 품질 값으로 다시 저장해도 시각적으로 같은 내용을 유지해요. PNG 사진 용량을 줄이고 싶다면 JPG나 WebP로 변환하세요.

예시

입력:  1920 × 1080 PNG 사진 스크린샷, 2.4 MB
작업: JPG로 변환, 품질 82
출력: 1920 × 1080 JPG, 268 KB  (약 9배 작아짐, 육안상 동일)

압축했는데 파일이 오히려 더 커졌어요. 왜 그런가요?

자주 오해하는 부분이에요. 원인을 발생 빈도가 높은 순으로 정리했어요.

• 이미 최적화된 PNG를 다시 인코딩한 경우. pngquant나 TinyPNG 같은 전용 도구는 매우 촘촘하게 압축된 PNG를 만듭니다. 브라우저 캔버스의 PNG 인코더는 그 수준에 못 미쳐 오히려 용량이 커져요. 사진은 JPG나 WebP로 변환하시고, PNG는 다시 압축하지 마세요.
• 원본보다 높은 품질을 지정한 경우. 품질 70으로 저장된 JPG를 품질 92로 다시 압축하면, 인코더에게 "노이즈도 그대로 보존하라"고 요구하는 셈이에요. 결과적으로 파일은 커지는데 화질은 더 좋아지지 않습니다.
• JPG → PNG 변환. PNG는 모든 픽셀을 그대로 저장하기 때문에, 사진 JPG를 PNG로 바꾸면 용량이 폭증해요. 사진은 JPG나 WebP로 유지하세요.
• 큰 사진을 축소하지 않은 경우. 4800만 화소 카메라 사진은 픽셀 수가 너무 많아 품질 80에서도 여전히 큽니다. "가로가 다음보다 크면 축소"를 체크하고 2000 px로 설정하면 총 용량이 10배 가까이 줄어드는 경우가 많아요.
• 사진을 WebP 무손실로 저장한 경우. 이 도구는 기본적으로 손실 WebP를 사용하지만, 다른 도구로 먼저 무손실 WebP로 만들었다면 사진 기준으로는 같은 화질의 JPG보다 오히려 더 큽니다.

손실 압축과 무손실 압축의 차이가 뭔가요?

손실 포맷(JPG, 기본 설정의 WebP)은 눈에 잘 띄지 않는 시각 정보를 버려서 파일을 줄입니다 — 충실도를 일부 내주고 용량을 얻는 식이에요. 무손실 포맷(PNG, 무손실 WebP)은 모든 픽셀을 그대로 보존합니다. 사진은 손실 압축에서 극적으로 줄고, 스크린샷이나 로고는 무손실로 두는 편이 좋아요.

압축했더니 PNG 용량이 더 커졌어요.

브라우저 캔버스의 PNG 인코딩은 pngquant나 oxipng가 쓰는 고급 필터와 팔레트 최적화를 적용하지 않기 때문에, 이미 잘 최적화된 작은 PNG는 오히려 커질 수 있어요. 사진은 JPG나 WebP로 변환하는 게 맞습니다 — PNG는 무손실이라 사진 영역에서 손실 포맷을 따라갈 수 없어요.

품질 값은 어느 정도로 맞추는 게 좋나요?

웹용 사진은 75~85가 가장 적당해요 — 손실이 거의 눈에 띄지 않으면서 원본 대비 3~5배 작아집니다. 포트폴리오나 인쇄용은 90 이상을 쓰세요. 60 아래로 내려가면 하늘이나 그라데이션에서 블록 현상과 색 띠가 보이기 시작합니다. 무난한 기본값은 "중간"(75) 프리셋이에요.

JPG와 WebP 중 뭐가 더 나을까요?

같은 체감 품질일 때 WebP가 JPG보다 대략 25~35% 작고, 현재 주요 브라우저는 모두 WebP를 지원합니다. 웹 용도라면 WebP를 쓰세요. JPG는 WebP를 받지 않을 수 있는 곳(일부 이메일 클라이언트, 오래된 소프트웨어, 일부 소셜 업로더)에 올릴 때만 쓰시면 됩니다.

이미지 크기나 용량에 제한이 있나요?

이 도구는 브라우저 메모리에서 동작합니다. 약 1억 화소를 넘거나 파일이 약 200 MB를 넘는 아주 큰 이미지는 메모리가 적은 기기에서 디코딩 자체가 실패할 수 있어요. "가로가 다음보다 크면 축소"를 켜서 가장 긴 변을 제한하세요 — 과도하게 큰 카메라 사진은 이 한 가지 설정만으로도 용량이 가장 많이 줄어드는 경우가 많아요.

여기서 압축한 이미지를 저장하나요?

아니요. 올리신 원본도, 내려받으신 압축 결과물도 저희 쪽에 저장되지 않습니다. 탭을 닫거나 새로고침하는 순간 모두 사라지고, 어떤 사진을 처리했는지에 대한 로그나 기록도 남지 않아요. 원하시면 브라우저 개발자 도구에서 직접 확인해 보셔도 됩니다.