이미지 용량 줄이기

처음부터 결과 확인까지

1. 1

   원본을 보관한 상태에서 JPG, PNG 또는 WEBP 파일을 선택합니다.

2. 2

   게시할 영역의 실제 최대 너비를 확인하고 필요하면 최대 가로 크기를 입력합니다.

3. 3

   사진은 JPG 또는 WEBP, 투명 배경 그래픽은 PNG 또는 WEBP를 우선 비교합니다.

4. 4

   품질 80 안팎에서 시작해 압축 결과의 용량과 글자·윤곽의 깨짐을 함께 확인합니다.

5. 5

   결과가 원본보다 커졌다면 출력 형식이나 크기 설정을 바꿔 다시 처리합니다.

6. 6

   다운로드한 결과 파일을 실제 게시 화면에서 한 번 더 확인한 뒤 사용합니다.

계산·처리 기준

선택한 이미지를 브라우저의 Canvas에 그린 뒤, 최대 가로 크기가 설정된 경우 원본 비율을 유지해 축소합니다. 이후 canvas.toBlob()으로 JPG·PNG·WEBP 중 선택한 형식으로 다시 인코딩합니다. JPG와 WEBP에는 품질 값이 적용되지만 PNG는 무손실 형식이므로 품질 슬라이더 효과가 제한적입니다. 절감률은 원본 파일 크기와 새 Blob 크기의 차이로 계산합니다.

알아둘 한계

• 브라우저와 운영체제의 이미지 인코더 차이로 같은 설정에서도 결과 크기가 달라질 수 있습니다.
• PNG를 PNG로 다시 저장하면 이미지 특성에 따라 파일이 더 커질 수 있습니다.
• Canvas 재인코딩 과정에서 EXIF 촬영 정보와 위치 정보가 일반적으로 유지되지 않습니다.
• 전문 인쇄물이나 원본 보존 목적이라면 압축본 대신 별도의 원본 파일을 보관해야 합니다.