react-cropper 이미지 퀄리티 낮아지는 현상
2022. 3. 4. 19:53ㆍ개발/Node & Javascript
728x90
반응형
개요
- react-cropper를 사용하여 이미지를 저장하게 될 때, 퀄리티가 낮아지는 현상이 있다.
- 일반적인 사진이미지는 괜찮지만 만들어진 이미지 (pixel art)의 경우 그 차이가 크게 나게 된다.
해결방법
- 아래의 코드를 추가해줘서 픽셀을 보간하면 된다.
- 다만 보간을 하는 형태이기 때문에 이미지가 약간 blur된 효과가 생기는 것을 알 수 있다.
getCroppedCanvas({ ...args, imageSmoothingEnabled: true, imageSmoothingQuality: 'high' })출처
728x90
반응형
'개발 > Node & Javascript' 카테고리의 다른 글
| Node.js - trampoline이란? ( tail call, recursion ) (2) | 2022.03.13 |
|---|---|
| Nest.js 탐험기 7 - microservice (grpc) 를 사용해보자 - 인터셉터 (1) | 2022.03.06 |
| Node.js - 필요없는 code 정리하는 법 (1) | 2022.03.02 |
| Nest.js 탐험기 7 - microservice (grpc) 를 사용해보자 - 에러처리 (6) | 2022.02.27 |
| Nest.js 탐험기 6 - microservice (grpc) 를 사용해보자 - Metadata 설정 (1) | 2022.02.13 |