javascript - JS 측에서 이미지를 지정된 볼륨(지정된 크기가 아님)으로 압축하는 방법

Question

이미지를 500KB 등 지정된 크기로 압축합니다
지정된 크기인 200X300이 아닙니다
이룰 수 있나요? 온라인에서 찾을 수 있는 제품은 모두 지정된 크기로 되어 있습니다.

Answer 1

Canvas를 통해 구현할 수 있으며 Github에는 Portal

오픈 소스 프로젝트가 있습니다.

순수한 프런트엔드 구현으로 백엔드에 의존하지 않습니다. 그러나 Canvas 및 File API를 사용하면 브라우저에 대한 요구 사항이 더 높습니다(IE6/7/8에서는 orz를 고려할 필요가 없음).

데모 주소: 포털(팁: jquery는 google cdn을 사용하며 벽을 넘어야 함)

스크린샷:

압축 효과: