[CSS] 이미지 최적화 메모

출처 : https://velog.io/@hustle-dev/%EC%9B%B9-%EC%84%B1%EB%8A%A5%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B5%9C%EC%A0%81%ED%99%94

최적화 방법

• 이미지 폭 줄이기

• 이미지 확장자 변경 (avif, webp)

• lazy loading

• css sprite

• 이미지 width, height 값 추가 / aspect-ratio

• image CDN 이용

• 이미지 사이즈 조절 툴 이용

• 여러 버전의 이미지 제공 (Desktop, Tablet, Mobile)