다음과 같은 작업을 통해서 이미지를 최적화 할 수 있습니다.
- 이미지 파일 사이즈 줄이기
- 이미지 요청 횟수 줄이기
이미지 파일 사이즈 줄이기
웹 페이지에 최적화된 이미지를 로딩하는 것이 가장 좋다.
웹페이지에서 보이는 이미지 사이즈 보다 실제 이미지 사이즈가 더 큰 경우가 있다.
이런 경우 이미지 리소스가 낭비된다고 볼수 있다.
보이는 이미지 사이즈보다는 너비 기준으로 2배정도 큰 이미지 사이즈를 사용하는게 적절하다.
요즘은 레티나 디스플레이가 흔하기때문이다.
레티나 디스플레이는 같은 공간에 더 많은 픽셀이 들어가기때문에 더 선명하게 보일수 있다.
만약 자체서버를 사용한다면 이미지를 직접 짤라서 올리는 방법도 있다.
그때 마다 잘라서 올리는 것은 불편하기때문에 Image processing CDN을 만들어서 사용한다.
CDN: 물리적 거리의 극복하기위해 사용자와 가까운 곳에 컨텐츠 서버를 두는 기술
이미지를 보내기전에 특정 가공을 해서 보내면 된다.
이미지 요청 횟수 줄이기
벡터 VS 레스트
