반응형 랜딩페이지 용량줄이기1 gif를 mp4로 변환해서 용량줄이기 gif는 mp4로 첨엔 gif를 s3에 올렸었는데 그 달 aws에서 요금폭탄이 터져서 바로 빼버린적이 있다.. -> s3에는 gif 올리지말자. 그 후엔 public폴더에 넣고 있는데 gif한개당 용량이 20mb~50mb정도 하다보니 용량이 미친듯이 증가해버렸다. 그래서 gif만 따로 노션api를 이용한 cms에 연동하였는데, 용량이 큰 gif를 연동하니 성능이 꽤 좋진 않았다. (게다가 노션api는 아직 베타버전이라고함) 그러다 동료분이 mp4를 사용하는 기가막힌 방법을 제안해주셨다. 용량은 위와 같이 감소하고 대충 아래와 같이 video컴포넌트에 autoPlay,loop를 넣어주니 gif와 같이 되었다. const Video = styled.video` width: 100%; height: 100%;.. 2023. 1. 5. 이전 1 다음 반응형