이미지 압축기

사용 방법

1. 출력 포맷을 선택: 원본 유지, JPEG, PNG, WebP.
2. 품질 슬라이더를 조정합니다. 사진 콘텐츠 기본값은 75가 일반적인 균형점입니다.
3. 필요 시 긴 변 리사이즈를 켜고 목표 픽셀값(예: 1920)을 입력합니다.
4. 이미지를 드롭존에 끌어다 놓거나 클릭하여 파일 선택을 엽니다.
5. 각 결과 카드에 원본 크기·출력 크기·차원 변화·절약 퍼센트가 표시됩니다.
6. 카드의 다운로드를 클릭하거나 모두 다운로드로 일괄 저장합니다.

품질과 파일 크기의 균형

품질 슬라이더는 JPEG / WebP 출력의 손실 압축 강도를 제어합니다. 90 이상에서는 압축 차이를 거의 알아챌 수 없지만 파일 크기도 별로 줄지 않습니다. 60 미만에서는 부드러운 그라데이션과 피부톤에 가시적인 색띠가 생깁니다. 대부분의 웹 빌드 도구가 채택하는 75는, 사진을 시각적으로 깨끗하게 유지하면서 스마트폰 원본을 60~80% 줄일 수 있는 균형점입니다.

포맷 치트시트

• 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 회전은 자동 적용: 가로로 찍은 사진도 바르게 세워서 압축됩니다.

관련 도구

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