대표 이미지는 글 맨 위뿐 아니라 SNS에 공유될 때의 카드나 블로그 글 목록에도 쓰입니다. 그때마다 정해진 비율로 잘리므로, 크기는 「어떤 비율로 잘려도 중요한 부분이 남는가」로 정합니다. 기준으로 삼는다면 1200×630픽셀입니다.
1200×630이 기준이 되는 이유
Facebook의 개발자 문서는 링크를 공유할 때의 이미지에 대해, 고해상도 기기에서 선명하게 표시하려면 1200×630픽셀 이상을 쓰도록 권하고 있습니다. 큰 이미지가 붙은 형태로 표시하려면 최소 600×315픽셀이 필요하고, 그보다 작으면 작은 형태로 표시됩니다. 허용되는 최소 크기는 200×200픽셀입니다.
1200×630은 약 1.91:1의 가로형입니다. 이 비율로 만들어 두면 공유될 때 큰 카드로 표시됩니다.
가로형 소재는 어디까지 잘릴까
갖고 있는 소재가 딱 1.91:1이라는 보장은 없습니다. 이 사이트의 가로형 소재는 1408×768픽셀(약 1.83:1)입니다. 이 소재를 다른 비율로 잘랐을 때 어디가 남는지 틀로 표시했습니다. 틀 밖의 어두운 부분이 잘려 나가는 범위입니다.
1.91:1은 소재보다 조금 더 가로로 길어서 위아래가 살짝 깎일 뿐입니다. 인물의 머리나 손이 가장자리에 붙어 있지 않다면 그대로 쓸 수 있습니다.
16:9는 소재보다 조금 더 세로로 길어서 이번에는 좌우가 살짝 깎입니다. 이쪽도 거의 영향이 없습니다.
정사각형으로 잘리면 좌우가 크게 떨어져 나갑니다. 블로그 테마에 따라서는 글 목록의 썸네일을 정사각형으로 늘어놓는 것이 있는데, 그때 남는 것은 가운데 부분뿐입니다. 주인공이 화면 가장자리에 치우친 소재는 목록에서 무슨 글인지 알 수 없게 됩니다. 대표 이미지로는 주인공이 가운데 근처에 있는 소재를 고르는 것이 가장 확실합니다.
글자를 얹을 거라면 여백이 있는 구도를 고른다
대표 이미지에 제목 글자를 얹을 거라면, 그려 넣은 것이 적은 자리가 있는 구도를 고릅니다. 다만 정사각형으로 잘릴 수 있다면 글자도 가운데 쪽에 두어야 목록에서 끊기지 않습니다. 글자 놓을 자리를 고르는 방법은 「연수 슬라이드의 일러스트는 넣을 페이지를 골라야 효과가 난다」에서 슬라이드를 예로 비교하고 있습니다.
본문 삽화는 다른 기준으로 생각해도 된다
대표 이미지와 본문 삽화는 역할이 다릅니다. 삽화는 본문 폭에 들어가기만 하면 되고 잘릴 일도 없으므로, 정사각형이든 세로형이든 문제없습니다. 순서 설명도처럼 세부를 보여 주고 싶은 이미지는 정사각형이나 세로형이 더 읽기 쉽습니다.
파일 크기도 살펴본다
치수가 적절해도 파일이 무거우면 페이지 표시가 느려집니다. 이 사이트의 가로형 소재 3장을 측정했더니 WebP로 한 장에 65〜210KB 정도였습니다. 같은 그림을 PNG로 만들면 6〜8배 크기가 됩니다. 형식별 차이는 「WebP 파일이란? 다운로드한 이미지가 열리지 않을 때 해결 방법」에 실측값을 실어 두었습니다.
참고한 자료
- Meta for Developers 「Images in Link Shares」(영어)
※2026년 9월 작성 시점의 정보입니다.