이미지 압축기

참고

이미지 압축은 어떻게 작동하나요?

이 도구는 브라우저의 내장 Canvas API를 사용하여 낮은 품질 설정으로 이미지를 재인코딩합니다. 이미지는 HTML Canvas 요소에 그려진 후 선택한 형식과 품질 수준으로 canvas.toBlob()을 사용하여 내보내집니다. 이것은 손실 압축입니다 — JPEG의 경우 이산 코사인 변환(DCT), WebP의 경우 예측 코딩 등의 알고리즘을 사용하여 중복된 시각 데이터가 버려집니다. 결과는 최소한의 인지 가능한 품질 손실로 상당히 작은 파일입니다.

JPEG vs WebP vs PNG — 어떤 형식을 선택할까

JPEG: 사진과 복잡한 색상 그라데이션이 있는 이미지에 최적입니다. 1~100% 품질 조정을 지원합니다. 투명도는 지원하지 않습니다. 가장 널리 호환되는 형식으로 어디서나 작동합니다. WebP: Google이 개발한 WebP는 동등한 시각적 품질에서 JPEG보다 25~35% 작은 파일 크기를 달성합니다. 투명도(알파 채널)와 애니메이션을 지원합니다. 2020년부터 모든 주요 브라우저에서 지원됩니다. 웹 사용에 권장되는 형식입니다. PNG: 무손실 압축 — 어떤 설정에서도 품질 손실이 없습니다. 스크린샷, 선명한 엣지의 그래픽, 텍스트 오버레이, 로고, 투명도가 필요한 이미지에 최적입니다. PNG 형식은 본질적으로 무손실이므로 품질 슬라이더는 PNG 출력에 영향을 미치지 않습니다.

웹용 이미지를 최적화해야 하는 이유

이미지는 HTTP Archive에 따르면 평균 웹사이트 총 페이지 무게의 약 50%를 차지합니다. 최적화되지 않은 이미지는 느린 Largest Contentful Paint (LCP)의 가장 큰 원인입니다 — 이는 Google 검색 순위에 직접 영향을 미치는 Core Web Vital입니다. 히어로 이미지를 2 MB에서 200 KB로 압축하면 모바일 연결에서 로드 시간을 몇 초 단축할 수 있습니다. Google은 좋은 모바일 성능을 위해 총 페이지 무게를 1.6 MB 이하로 유지할 것을 권장합니다 — 적절한 이미지 압축이 이 목표를 달성하는 가장 효과적인 방법인 경우가 많습니다.

이미지 압축 사용 사례

웹 성능 — Core Web Vitals 임계값을 충족하고 Lighthouse 점수를 향상시키기 위해 이미지 크기 축소. 이메일 첨부 — 일반적인 25 MB 첨부 파일 제한(Gmail, Outlook) 이하로 이미지 압축. 소셜 미디어 — 업로드 크기 제한에 맞게 이미지 최적화: Twitter (5 MB), Instagram (30 MB), LinkedIn (10 MB). 이커머스 — 눈에 보이는 품질 손실 없이 제품 사진을 압축하여 페이지 속도와 전환율 향상. 문서 — README 파일, 위키, Confluence 페이지의 스크린샷을 줄여 리포지토리와 페이지를 경량으로 유지.

적절한 품질 설정 선택

JPEG의 경우, 75~85% 품질이 파일 크기와 시각적 충실도의 최적 균형을 제공합니다 — 통제된 연구에 따르면 대부분의 사용자는 85% 이상의 품질 차이를 구분할 수 없습니다. 60% 미만에서는 압축 아티팩트(블록 현상, 색상 밴딩)가 눈에 띄기 시작하며, 특히 그라데이션과 피부 톤에서 두드러집니다. WebP는 품질 80에서 일반적으로 JPEG 품질 90과 일치하면서 30% 더 작습니다. PNG의 경우, 품질 슬라이더는 영향을 미치지 않습니다 — PNG는 항상 무손실입니다. 텍스트가 있는 스크린샷, 로고, 아이콘 등 픽셀 단위의 정확한 재현이 필요하거나 알파 투명도가 필요한 경우에만 PNG를 사용하세요.

개인정보

모든 이미지 처리는 Canvas API를 사용하여 100% 브라우저에서 수행됩니다. 서버에 이미지가 업로드되지 않습니다 — 파일이 기기를 떠나지 않습니다.