블로그 이미지 최적화 가이드

글의 읽기 경험을 해치지 않으면서 이미지 용량과 검색 이해도를 개선하는 기본 원칙입니다.

한 장마다 역할을 정합니다

모든 문단에 장식 이미지를 넣기보다, 설명을 보완하거나 결과를 보여주는 이미지에 집중하세요. 대표 이미지는 글의 주제를 바로 전달하고, 본문 이미지는 독자가 다음 행동을 이해하게 돕는 것이 좋습니다. 이미지와 주변 문단의 설명이 자연스럽게 연결되면 사람과 검색 시스템 모두 문맥을 파악하기 쉽습니다.

표시 크기보다 지나치게 큰 파일을 피합니다

본문에서 800픽셀 정도로 보이는 이미지를 수천 픽셀 원본 그대로 올리면 모바일 로딩에 부담이 될 수 있습니다. 표시할 최대 폭에 맞춰 사본을 만들고, 사진은 JPG 또는 WebP로 비교해 보세요. 투명 배경 로고·도표·글자 중심 캡처는 PNG가 더 적합할 수 있습니다.

파일 이름과 대체 텍스트를 구체적으로 씁니다

image1.jpg보다 webp-compare-chart.jpg처럼 내용을 알 수 있는 파일 이름이 관리에 도움이 됩니다. 웹페이지에서는 이미지가 무엇을 보여주는지 설명하는 대체 텍스트를 작성하세요. 단어를 반복해서 넣기보다, 이미지에서 실제로 확인할 수 있는 정보와 글의 맥락을 짧게 설명하는 것이 좋습니다.

지연 로딩과 원본 보관을 함께 생각합니다

긴 글의 아래쪽 이미지는 필요할 때 불러오도록 설정하면 첫 화면을 빠르게 할 수 있습니다. 다만 중요한 첫 이미지까지 늦게 보이지 않게 구성해야 합니다. 게시용으로 줄인 사본을 만들더라도 고해상도 원본은 따로 보관해 두면 재사용과 수정에 유리합니다.

FAQ

WebP만 사용하면 항상 빠른가요?

대부분의 사진에서 효율적일 수 있지만, 콘텐츠 성격·지원 환경·실제 파일 크기를 비교해야 합니다. 대표 이미지 몇 장을 같은 크기로 변환해 테스트해 보세요.