이미지 압축 및 크기 조정

브라우저에서 이미지 파일 크기를 줄이세요. 최대 크기와 품질을 설정하면 변환 전후 용량을 즉시 확인할 수 있습니다. 업로드되는 것은 없습니다.

조회수 1,198회

압축이 실제로 파일 용량을 줄이는 방식

이미지를 줄이는 방법에는 근본적으로 다른 두 가지 접근법이 있으며, 이 둘을 혼동하는 것이 압축과 관련된 대부분의 오해를 설명해줍니다. 무손실 압축은 PNG가 deflate 알고리즘을 통해 사용하는 방식으로, 픽셀을 단 하나도 버리지 않으면서 데이터를 더 효율적으로 재배열하고 압축합니다 — 압축을 풀면 원본과 비트 단위까지 완전히 동일한 파일이 돌아옵니다. 손실 압축은 JPEG가 사용하는 방식으로, 대신 사람의 눈이 가장 알아차리기 어려운 정보를 버립니다: 이미지를 8×8 블록으로 나누고, 각 블록에 DCT(이산 코사인 변환)를 적용해 거친 디테일과 미세한 디테일을 분리한 다음, 품질 슬라이더를 낮출수록 고주파의 미세한 디테일을 점점 더 공격적으로 양자화 — 즉 반올림 — 합니다. 이 반올림은 되돌릴 수 없기 때문에, 같은 JPEG 파일을 낮은 품질로 반복해서 저장하면 매번 조금씩 더 열화됩니다.

JPEG 품질 슬라이더를 너무 낮추면 DCT 단계에서 사용하는 8×8 블록 경계가 "블록 아티팩트"로 눈에 보이게 됩니다 — 특히 하늘처럼 부드러운 그러데이션에서 모자이크 같은 블록 현상이 나타납니다. 두 번째 손실 기법인 크로마 서브샘플링(흔히 4:2:0으로 표기)은 밝기 해상도는 그대로 유지하면서 색 해상도를 버립니다. 사람의 눈은 색(색차) 변화보다 밝기(휘도) 변화에 훨씬 민감하기 때문입니다 — 이것만으로도 품질 슬라이더가 하는 일에 더해, 시각적으로 거의 티가 나지 않으면서 색 데이터를 대개 절반으로 줄일 수 있습니다.

구체적인 예: 4000×3000 크기의 스마트폰 사진을 너비 1600px로 조정하면, 압축 품질을 건드리기도 전에 원래 픽셀 수의 약 16%로 줄어듭니다 — 파일 크기 방정식에서는 품질보다 크기(치수)가 더 큰 영향을 미칩니다. 여기에 75-85%의 JPEG 품질(대부분의 사람에게는 100%와 시각적으로 거의 구별되지 않는 수준)을 더하면, 일반적인 6MB 사진이 300KB 이하로 줄어들어 웹페이지, 양식, 이메일 첨부에 충분히 작은 크기가 됩니다.

이 도구의 모든 처리는 브라우저 안의 캔버스에서 이루어집니다 — 사진은 어디에도 업로드되지 않습니다. 종횡비를 유지하고, 원본보다 크게 확대하지 않으며, 파일별로 이전 → 이후 크기를 보여줘 저장하기 전에 트레이드오프를 판단할 수 있게 합니다.

알아두면 좋은 점

  • 품질 슬라이더는 손실 형식(JPEG/WebP)에만 영향을 줍니다 — PNG 스크린샷은 품질 조정만으로는 거의 줄어들지 않는데, PNG의 deflate 단계가 설계상 무손실이기 때문입니다. 이 경우 크기(치수) 제한이 거의 모든 일을 합니다.
  • 한번 압축되어 제거된 픽셀 데이터는 되돌아오지 않습니다 — 이미 압축된 파일을 반복해서 재압축하기보다는, 항상 원본 파일을 보관하고 용도별로 압축된 사본을 내보내십시오.
  • 크로마 서브샘플링(4:2:0)과 품질 양자화는 서로 독립적인 조절 요소입니다 — 인코더에 따라 높은 품질에서 강한 서브샘플링을 적용하거나 낮은 품질에서 서브샘플링을 전혀 적용하지 않을 수 있으므로, 서로 다른 인코더로 만든 같은 "품질 수치"의 두 파일이 다르게 보일 수 있습니다.
  • 동일한 시각적 품질 기준으로 WebP는 대개 JPEG보다 우수한데, 더 현대적인 예측 및 변환 기법을 사용하기 때문입니다. 다만 최대 호환성을 위해서는 JPEG가 여전히 가장 안전한 선택입니다.

자주 묻는 질문

손실 압축과 무손실 압축의 실제 차이는 무엇인가요?

무손실 압축(PNG)은 정보를 전혀 버리지 않고 데이터를 다시 포장합니다 - 압축을 풀면 원본과 완전히 동일한 파일이 나옵니다. 손실 압축(JPEG)은 DCT 변환과 양자화 단계를 사용해 눈이 거의 알아차리지 못하는 고주파 디테일을 영구적으로 버리므로, 한번 압축되면 일부 정보는 영원히 사라집니다.

낮은 JPEG 품질에서 블록 형태의 아티팩트가 보이는 이유는 무엇인가요?

JPEG는 DCT 변환을 통해 8×8 픽셀 블록 단위로 압축합니다. 낮은 품질 설정에서는 각 블록 내부의 반올림이 매우 거칠어져 블록 경계 자체가 눈에 보이게 되며, 하늘처럼 부드러운 영역에서 가장 두드러지는 모자이크 형태의 "블록 아티팩트"가 생깁니다.

크로마 서브샘플링이란 무엇이며 왜 도움이 되나요?

밝기 정보보다 색 정보를 더 적게 저장하는 방식으로, 흔히 4:2:0으로 표기하며 색이 4분의 1 해상도로 샘플링된다는 뜻입니다. 사람의 시각이 색보다 밝기에 훨씬 민감하기 때문에 효과가 있으며, 그 결과 파일 크기는 의미 있게 줄어드는 반면 손실은 거의 눈에 띄지 않습니다.

웹사이트에는 어떤 설정을 사용해야 하나요?

콘텐츠 이미지: 긴 변 기준 1600-2000px, JPG/WebP 품질 75-82%. 썸네일: 400-800px. 전체 화면 히어로 이미지: 최대 2560px까지, 캔버스가 커지는 만큼을 보완하기 위해 품질은 70에 가깝게 설정하십시오.

제 PNG 파일은 왜 거의 줄어들지 않았나요?

품질 슬라이더는 손실 형식에만 영향을 줍니다. PNG는 무손실 deflate 압축을 사용하므로, PNG 파일에서는 크기(치수) 제한이 용량 감소의 거의 전부를 담당합니다. 투명도가 필요하지 않다면 WebP나 JPEG로 변환하면 훨씬 더 큰 폭으로 줄어듭니다.

댓글

아직 댓글이 없습니다 — 첫 댓글을 남겨보세요!

비슷한 도구