블로그에 최적화된 이미지 크기 가이드: 썸네일부터 본문까지 한눈에 정리
블로그 콘텐츠의 가독성과 전문성은 이미지의 품질과 배치에 따라 크게 달라집니다. 특히 Blogger 플랫폼에서는 올바른 이미지 크기를 사용하는 것이 로딩 속도, 모바일 최적화, 검색 노출에 직결됩니다. 본문에 사용하는 사진부터 대표 이미지, SNS 썸네일까지 최적 해상도와 비율을 명확히 알아두면 훨씬 더 완성도 높은 포스트를 만들 수 있습니다.
1. 본문용 이미지: 1200×800px 권장
가장 일반적으로 사용되는 사이즈는 가로 1200px, 세로 800px입니다. 이 비율은 대부분의 Blogger 스킨에서 자연스럽게 화면 폭에 맞게 표시되며, 텍스트와 조화를 이루기 좋습니다. 세로 비율은 필요에 따라 16:9, 4:3 등으로 조절 가능합니다.
2. 썸네일 이미지: 800×800px 또는 1200×628px
썸네일은 블로그 첫 화면이나 SNS 공유 시 사용되므로 정사각형(1:1) 또는 1.91:1 비율이 이상적입니다. 특히 페이스북, 트위터, 카카오톡 공유용으로는 1200×628px이 가장 많이 사용됩니다.
3. 상단 배너 및 대표 이미지: 1600×600px 이상
블로그 최상단에 고정되는 배너형 이미지는 1600×500~600px 이상의 해상도가 필요합니다. 글자가 포함된 이미지를 사용할 경우, 720px 이상 세로 크기를 확보하면 모바일에서 글자 뭉개짐 없이 선명하게 보입니다.
4. 인스타용 카드뉴스: 1080×1080px
블로그 글을 SNS에 연동하거나 카드뉴스 형태로 발행하려면 1080×1080px 정사각형 사이즈가 가장 효과적입니다. 특히 텍스트 기반 이미지에는 고해상도가 권장되며, JPEG보다는 PNG 포맷이 글자가 선명하게 유지됩니다.
5. 이미지 용량 최적화
이미지 해상도 못지않게 중요한 것이 용량 관리입니다. Blogger는 자동 리사이징 기능이 있지만, 원본 용량이 너무 크면 로딩 속도가 느려질 수 있습니다. 아래 조건을 참고하세요:
- 1MB 이하, 권장 300~700KB
- PNG: 텍스트 포함 이미지, 선명도 우선
- JPG: 사진 기반 콘텐츠, 용량 절감
- 웹용 압축 도구: TinyPNG, Squoosh.app, ILoveIMG 등
6. 모바일 최적화 고려
모바일에서는 화면 너비가 좁아지는 만큼, 너비 1200px 이상의 이미지는 Blogger에서 자동 축소되어 표시됩니다. 다만 세로 길이가 지나치게 길면 화면을 압도할 수 있으므로, 한 장에 정보가 많은 인포그래픽은 분할해 사용하는 것도 좋은 전략입니다.
7. 이미지 SEO: alt 속성과 파일명
이미지는 단순한 장식 요소가 아니라 검색 최적화 요소이기도 합니다. Blogger에서 이미지 업로드 시 아래 두 가지를 꼭 기억하세요:
- alt 속성: 이미지 설명을 자연어로 작성 (예: 스마트폰 분실 시 대응 순서 인포그래픽)
- 파일명: IMG_001.jpg 대신 lost-phone-checklist.jpg 등 의미 있는 영문명 사용
요약 표: 용도별 이미지 권장 사이즈
| 용도 | 권장 크기 | 형식 |
|---|---|---|
| 본문 이미지 | 1200×800px | JPEG |
| 썸네일 | 800×800px / 1200×628px | JPEG/PNG |
| 상단 배너 | 1600×600px 이상 | JPEG/PNG |
| 카드뉴스 | 1080×1080px | PNG |
결론
이미지는 블로그의 품질을 좌우하는 중요한 구성 요소입니다. 너무 작으면 흐릿하고, 너무 크면 느려집니다. 본문, 썸네일, 배너 각각에 맞는 최적 해상도를 유지하면 사용자 경험은 물론 SEO에도 긍정적인 영향을 미칠 수 있습니다. 위 가이드를 참고하여 읽기 좋고 보기 좋은 콘텐츠를 구성해보세요.