이미지 최적화 (1) 썸네일형 리스트형 프로그레시브 이미지 렌더링 (Progressive Image Rendering) 이미지 리소스는 웹 사이트의 로딩 시간에 많은 부분을 차치합니다.그렇기 때문에 웹 사이트가 고려해야 하는 부분에 있어서 "이미지 최적화"는 매우 중요합니다.Progressive Image란?이미지는 압축 방식을 어떤것으로 사용하는지에 따라 구분할 수 있습니다.(GIF, PNG, JPEG...)여기서, 추가적으로 Interlaced 옵션을 통한다면 Progressive Image를 얻을 수 있습니다.Progressive Image는 이미지가 저품질로 시작하여, 시간에 따라 해상도가 향상되는 이미지를 말합니다.이를 통해, 브라우저가 받는 리소스 파일의 크기를 줄여 랜더링 속도 향상 효과를 얻을 수 있습니다. (전체 이미지의 크기는 약간 증가합니다. )1. Interlaced GIF통신회선을 통해 도착하는 속.. 이전 1 다음
