블로그 이미지 최적화 체크리스트

블로그 이미지는 글의 첫인상과 체류 시간에 직접 영향을 줍니다. 검색 결과에서 유입된 사용자는 본문이 늦게 열리거나 사진이 한참 뒤에 보이면 바로 이탈할 수 있으므로, 업로드 전 이미지 용량을 줄이고 본문 폭에 맞는 크기로 정리하는 과정이 필요합니다.

상위 이미지 최적화 가이드들은 공통적으로 원본 사진을 그대로 올리지 말고, 표시되는 크기에 맞춰 리사이즈한 뒤 JPG 또는 WebP로 압축하라고 안내합니다. 본문 사진은 보통 1200px 안팎이면 충분한 경우가 많고, 확대 확인이 필요한 튜토리얼 이미지만 더 큰 해상도를 남기는 방식이 효율적입니다.

파일명과 대체 텍스트도 함께 정리해야 합니다. `IMG_3021.jpg`보다 `blog-image-compression-checklist.webp`처럼 내용이 드러나는 이름이 관리와 검색 이해에 모두 유리합니다. 대체 텍스트는 키워드를 나열하기보다 이미지가 본문에서 어떤 정보를 보완하는지 설명하는 문장으로 작성하는 편이 좋습니다.

발행 직전에는 원본과 압축 결과를 100% 보기로 비교하고, 글 목록 썸네일과 본문 대표 이미지가 모두 빠르게 열리는지 확인하세요. 품질은 75~85 사이에서 시작하고, 풍경이나 음식 사진처럼 질감이 중요한 이미지는 조금 높게, 설명용 캡처는 글자가 흐려지지 않는지 먼저 확인하는 방식이 안전합니다.

• 본문 폭보다 큰 원본 이미지는 먼저 리사이즈합니다.
• 사진은 JPG 또는 WebP, 투명 이미지와 UI 캡처는 PNG 또는 WebP를 비교합니다.
• 대표 이미지, 본문 이미지, 썸네일을 각각 다른 목적에 맞게 압축합니다.
• 파일명과 alt 텍스트는 이미지 내용을 설명하는 자연어로 작성합니다.
• 발행 전 모바일 화면에서 이미지 로딩과 글자 선명도를 확인합니다.