전체 글 (1) 썸네일형 리스트형 반응형 웹페이지의 큰 이미지 로딩 최적화 최근 회사에서 메인페이지를 작업할 일이 있었다. 새로운 키 비주얼 사진을 교체하는 작업이었는데, 기기의 화면이 커져도 사진의 선명도가 낮아지지 않도록 사진의 화질이 2X(3840 x 2160)으로 배율이 높은 사진으로 넣었다. 그런데 문제점이, 사진의 크기는 5.8MB나 되어 캐시가 된 사진이 없다면 사진의 로드속도가 현저히 낮다는 것이었다. 그래서 떠오른 방법이 파일의 확장자를 png에서 jpg로 바꾸는 것, 그리고 사진의 배율을 반응형으로 두는 것이었다. https://paperblock.tistory.com/54 이미지 최적화: JPG를 써야 할까 PNG를 써야 할까? 블로그나 홈페이지를 만드는 데 있어서 이미지의 용량과 품질 사이에서의 균형은 은근히 중요합니다. 출판물, 인쇄물이 아닌, 웹상의 문.. 이전 1 다음