[TIL] 이미지 최적화

Keunyeong Lee·2022년 5월 8일
0

[TIL]

목록 보기
4/15
post-thumbnail

이미지 용량을 최적화하자!

로딩시 용량이 큰 이미지는 엄청나게 로딩 속도를 저하 시킨다.

어차피 화면 꽉차게 띄우는 이미지가 아니라면 크기에 맞는 이미지를 업로드하고 크기에 맞는 해상도로 최적화시켜서 업로드하면 쾌적한 로딩속도를 만들어준다.

이미지 변환 사이트

https://squoosh.app/

이미지 변환 방법!

  • 이미지에 사용된 색의 수가 많으면 jpg

  • 색이 적으면 png

  • gif 는 쓰지말자..

  • 실제로 사용될 이미지의 크기를 고려하여 이미지 크기 조절!

  • 이미지에 사용된 색이 적다면 구현 색상을 줄이면 용량을 줄일 수 있다.

100KB 아래로 줄여서 업로드 했을 때 로딩의 쾌감을 즐기자.

profile
🏃🏽 동적인 개발자

0개의 댓글