https://web.dev/fast/#optimize-your-images 를 참고하여 요약한 블로그 글입니다.* 도입 서비스의 속도는 UX에 영향을 미치고, UX는 곧 사용자의 유입을 결정한다. 서비스 속도 개선에는 다양한 최적화가 필요한데, 이번에는 이미지 최적화를 살펴보자. 이미지 종류 이미지는 2가지 종류로 구분할 수 있다. vector 이미지 raster 이미지 vector 이미지는 선, 점, 면 등의 벡터적 요소를 사용하여 이미지를 표현하는 방식이며, 간단한 기하학 모양 (로고, 글자, 아이콘 등)을 나타내는 데에 적합하다. vector 이미지는 사이즈에 따른 깨짐 없이 이미지를 전달할 수 있다는 장점이 있지만, 표현해야 하는 모양이 복잡할 경우 데이터 양이 많아진다는 단점이 있다. rast..