이미지 리사이징

프로젝트에서 이미지 리사이징을 도입하였다.

browser-image-compression 라이브러리를 통해 이미지 리사이징을 할 수 있었다

 

이미지 리사이징 함수

 

 

리시이징 비교

이미지 리사이징 처리를 통해 확연히 이미지 파일의 용량이 달라지는 것을 확인할 수 있었다.

 

라이트 하우스 측정

이미지 리사이징 전

이미지 라사이징 전

이미지 리사이징 후

이미지 리사이징 후

 

참고 사이트: https://velog.io/@rachaen/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%97%AC%EB%9F%AC%EC%9E%A5-%EC%98%AC%EB%A0%A4%EC%84%9C-%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-2

https://velog.io/@gsphyo91/%EC%97%85%EB%A1%9C%EB%93%9C%ED%95%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%95%95%EC%B6%95%ED%95%98%EA%B8%B0-waw3ad30