이미지 압축기

이미지 압축이란?

이미지를 압축하는 방법

1. 1
   사진을 드롭하세요

   JPG, PNG 또는 WebP 파일을 업로드 영역에 드래그하거나 클릭하여 장치에서 선택하세요. 최대 50 MB의 파일이 지원됩니다.

2. 2
   출력 형식 선택

   최신 웹에서 최상의 크기-품질 비율을 위해 WebP를 사용하세요. 광범위한 호환성을 위해 JPG를 사용하거나 무손실 또는 투명성이 필요한 경우 PNG를 사용하세요.

3. 3
   품질 슬라이더 드래그

   품질 80은 사진에 적합한 기본값입니다. 낮은 값은 파일을 더 줄이지만 블로킹을 유발할 수 있습니다; 높은 값은 소스에 더 가까운 모습을 제공하지만 공간을 덜 절약합니다.

4. 4
   선택적으로 긴 변의 크기 제한

   1920 px 또는 2400 px로 크기를 조정하는 것은 화면에서 볼 사진에 가장 큰 이점입니다. 종횡비는 자동으로 유지됩니다.

5. 5
   비교하고 다운로드

   압축 전후 패널은 파일 크기와 절약된 비율로 실시간 업데이트됩니다. 거래에 만족하면 압축 다운로드를 클릭하세요.

브라우저 이미지 압축 작동 방식

1. 파일을 작업자 친화적인 캔버스의 ImageBitmap으로 디코딩합니다.
2. 선택적으로 비트맵의 크기를 최대 긴 변 제약에 맞게 조정합니다.
3. 대상 크기로 OffscreenCanvas에 비트맵을 그립니다.
4. canvas.toBlob(format, quality)를 호출하여 선택한 설정으로 다시 인코딩합니다.
5. blob.size를 원본과 비교하고 절약 비율을 표시합니다.
6. blob을 브라우저에 다운로드 가능한 객체 URL로 전달합니다.

참조: MDN — HTMLCanvasElement.toBlob()

예상할 수 있는 것

이미지 압축기를 사용할 때

• 페이지 로드 속도를 높이고 Core Web Vitals를 개선하기 위해 히어로 이미지와 제품 사진을 슬림하게 만드세요.
• Photoshop을 열지 않고 이메일, 티켓 추적기 또는 채팅 도구에서 업로드 크기 제한을 넘기세요.
• 느리거나 측정된 연결을 통해 사진을 보낼 때 데이터 사용량을 줄이세요.
• 전화 사진 폴더를 더 가벼운 WebP로 변환하여 보관하거나 공유하세요.
• 최대 파일 크기를 강제하는 디자인 시스템 또는 CMS를 위한 자산을 준비하세요.
• 문서에 붙여넣기 전에 스크린샷에서 불필요한 해상도를 제거하세요.
• 크기 제한이 엄격하고 품질이 허용 가능한 광고 크리에이티브를 위해 이미지를 압축하세요.

관련 도구

자주 묻는 질문