이미지 압축기

품질과 파일 크기의 균형

품질 슬라이더는 JPEG / WebP 출력의 손실 압축 강도를 제어합니다. 90 이상에서는 압축 차이를 거의 알아챌 수 없지만 파일 크기도 별로 줄지 않습니다. 60 미만에서는 부드러운 그라데이션과 피부톤에 가시적인 색띠가 생깁니다. 도구의 기본값은 중간값인 75입니다. 더 낮추기 전에 미리보기를 원본과 비교하세요.

예시: 웹 페이지 스크린샷

1366×900 웹 페이지 PNG 스크린샷(140.3KB, Chromium에서 캡처)을 기본 품질 75로 처리한 결과입니다.

• 원본 형식 유지(PNG): 197.7KB, +41.0%. 브라우저의 PNG 인코더는 원본을 만든 도구만큼 압축하지 않아 PNG를 다시 인코딩하면 오히려 커질 수 있습니다. 이럴 때는 원본 파일을 쓰세요.
• WebP: 42.6KB, −69.6%.
• JPEG: 87.0KB, −38.0%. 스크린샷의 글자 윤곽은 사진보다 JPEG 링잉이 빨리 드러나므로 UI 캡처에는 WebP가 더 적합합니다.

포맷 치트시트

• JPEG — 사진, 히어로 이미지처럼 연속 톤이 있는 이미지. 투명 미지원.
• PNG — UI 스크린샷, 다이어그램, 경계가 또렷하거나 투명한 이미지. 무손실.
• WebP — 모든 최신 브라우저에서 동작. 동일 품질에서 JPEG/PNG보다 25~35% 작음. 투명 지원.
• 원본 유지 — 포맷은 그대로 두고 리사이즈만 하고 싶을 때.

긴 변 리사이즈 전략

일반적인 웹 레이아웃의 긴 변은 1920px 정도가 상한입니다. 레티나(2× DPR) 화면 대응은 2560~3840px가 기준. 긴 변을 지정하면 도구가 종횡비를 유지하면서 짧은 변을 비례 축소합니다. 썸네일이나 SNS 미리보기에는 1024 또는 1440px를 시도해 보세요.

개인정보: 업로드 없음

이 도구는 createImageBitmap과 Canvas 2D API로 브라우저 내에서 디코딩 및 재인코딩을 완료합니다. 압축 결과는 canvas.convertToBlob(또는 폴백 canvas.toBlob)으로 로컬에서 생성되어 임시 blob URL로 제공됩니다. 서버 엔드포인트를 거치지 않으므로 비행 모드에서도 전 과정이 작동합니다.

제한

• 파일당 최대 50 MB (모바일 브라우저는 더 큰 입력에서 메모리가 부족해집니다).
• 애니메이션 GIF는 설계상 첫 프레임으로 평탄화됩니다. 애니메이션 재인코딩이 필요하면 로컬에서 ffmpeg를 쓰세요.
• EXIF 회전은 자동 적용: 가로로 찍은 사진도 바르게 세워서 압축됩니다.
• canvas로 다시 인코딩하면 메타데이터가 모두 사라집니다. EXIF(GPS 위치 포함), XMP, ICC 색상 프로필입니다. 사진을 공유하기 전에 GPS를 지우려는 경우에는 바라던 결과지만, Display P3나 Adobe RGB 프로필이 사라지면 채도 높은 색이 흐려 보일 수 있습니다.
• JPEG로 출력하면 투명한 영역은 흰색이 됩니다.
• 선택한 출력 형식의 인코더가 브라우저에 없으면 HTML 표준에 따라 canvas가 PNG를 출력합니다. 이때 도구는 파일 이름을 .png로 붙이고 결과 아래에 안내를 표시합니다. GIF를 ‘원본 형식 유지’로 처리하면 항상 PNG가 됩니다. 브라우저는 canvas에서 GIF를 인코딩할 수 없기 때문입니다.

관련 도구

• WebP 변환기 — PNG/JPG ⇄ WebP 포맷 변환에 특화된 간결한 UI.
• SVG Optimizer — 벡터 이미지는 래스터 압축이 불가하므로 SVG 소스를 최적화합니다.
• 이미지 → Base64 — 이미지를 data URL로 인라인 삽입할 때.