BEFORE

05. 이미지 (비)손실 압축

무손실 PNG 원본을 그대로 전송합니다. 디테일이 많은 실제 사진이라 무손실 압축으로는 용량이 거의 줄지 않습니다.
📍 이 측정은 당신이 지금 쓰는 브라우저에서 실행됩니다.
Before (무손실 PNG) After (손실 압축 JPEG)
원본 PNG

🔧 실제 구현 코드

<img src="/labs/05-image-compression/assets/photo-original.png" alt="..." />

같은 사진을 무손실 PNG로 인코딩했습니다. PNG는 픽셀 정보를 하나도 버리지 않기 때문에, 사진처럼 디테일이 많은 이미지에서는 압축률이 낮아 파일이 큽니다.

← 실습 목록으로 돌아가기