이 페이지는 img-compressor 케이스 스터디에서 사용한 코드와 고정 테스트 자산을 확인할 수 있도록 정리한 자료입니다.
공개 구현
이미지 처리 파이프라인
FileReader, Image, Canvas, toBlob을 이어 리사이즈와 WebP 파일 생성을 처리합니다.
원본 보기다중 파일 UI와 상태
품질 설정, 진행률, 다운로드, Object URL 정리 흐름을 확인합니다.
원본 보기고정 테스트 자산
사진, 스크린샷, 투명 그래픽을 같은 조건에서 비교합니다.
원본 보기벤치마크 기록
원본·출력 바이트, 품질값, 인코더, 측정일을 코드로 관리합니다.
원본 보기해석 범위
고정 자산의 감소율은 모든 사용자 이미지에 동일하게 적용되지 않습니다. 브라우저, 기기 성능, 파일 형식에 따른 처리 시간과 메타데이터 보존 조건은 별도 재현 테스트가 필요합니다.