썸네일 이미지 최적화: 목록 페이지 속도를 좌우하는 작은 이미지

썸네일 이미지 최적화로 목록·검색 화면의 바이트를 줄이는 방법을 설명합니다.

썸네일은 작아 보여도 합이 큽니다

한 장은 작아도 수십 장이 모이면 목록 페이지가 무거워집니다.

본문 이미지와 동일 파일을 쓰면 낭비입니다

역할이 다르면 해상도와 품질 기준도 달라야 합니다.

만드는 법

작은 박스에 맞는 리사이즈, 공격적 압축, lazy load.

도구로 썸네일 후보 만들기

본문용과 분리해 별도 파일로 압축하는 습관이 좋습니다.

정리: 썸네일 최적화는 트래픽 절감의 숨은 열쇠

목록이 빠르면 사이트 전체 체감이 좋아집니다.