중요한 내용은 가운데 안전 영역에
제목, 로고, 얼굴처럼 반드시 보여야 하는 요소는 사방 가장자리에서 충분히 띄우세요. 실무적으로는 좌우 약 100px, 위아래 약 60px 안쪽을 안전 영역으로 생각하면 다양한 미리보기에 대응하기 쉽습니다. 이는 절대 규칙이 아니라 잘림을 줄이는 제작 여유입니다.
제목을 이미지에 전부 적지 마세요
긴 글 제목을 그대로 넣으면 모바일 썸네일에서 읽을 수 없을 정도로 작아집니다. 핵심 단어와 결론만 1~2줄로 줄이고, 전체 제목은 페이지의 HTML 제목이 담당하게 하세요.
구성 순서
- 배경 사진 또는 단색 영역 선택
- 핵심 제목을 1~2줄로 축약
- 제목과 배경 사이 명암 대비 확보
- 로고나 카테고리는 보조 크기로 배치
- 작은 미리보기로 줄여 가독성 확인
사진을 억지로 늘리지 말고 잘라내세요
세로 사진을 1200×630에 강제로 맞추면 피사체가 옆으로 늘어납니다. 비율을 유지한 채 가운데나 관심 영역을 기준으로 잘라내고, 잘라낼 수 없다면 흐린 배경이나 단색 여백 위에 사진을 배치하세요.
파일 크기보다 먼저 확인할 것
| 확인 항목 | 통과 기준 |
|---|---|
| 제목 | 작은 화면에서도 한눈에 읽힘 |
| 대비 | 배경과 글자가 분리됨 |
| 안전 영역 | 핵심 요소가 가장자리와 떨어짐 |
| 왜곡 | 사람과 원형이 정상 비율 |
| 파일명 | 글 주제를 설명함 |