05. 이미지 (비)손실 압축
같은 사진을 손실 압축 JPEG(품질 65)로 전송합니다. 사람 눈에는 거의
비슷해 보이지만 용량은 훨씬 작습니다 — 가장 극적인 용량 차이를 보여주는 실습입니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
🔧 실제 구현 코드
<img src="/labs/05-image-compression/assets/photo-compressed.jpg" alt="..." />같은 사진을 JPEG 품질 65로 손실 압축했습니다(scripts/generate-mock-images.js의
sharp().jpeg({'{'}quality:65{'}'})). 사람 눈에 잘 띄지 않는 고주파 디테일을 버리는
대가로 파일 크기를 대폭 줄입니다.