링크 미리보기(OG) 이미지 만드는 법
카카오톡, 슬랙, 페이스북에 링크를 붙였을 때 뜨는 그 이미지입니다. 1200×630 하나면 어디서든 되지만, 서비스마다 잘라내는 방식이 달라 안전영역이 필요합니다.
수정 2026-09-10
링크를 메신저나 SNS에 붙여넣으면 제목, 설명, 이미지가 붙은 카드가 뜹니다. 이 카드를 만드는 규약이 오픈 그래프(Open Graph)이고, 그 이미지가 OG 이미지입니다. 페이지의 HTML 안에 og:image라는 태그로 주소를 적어두면, 링크를 읽는 서비스가 그 이미지를 가져다 카드에 씁니다.
이미지가 없으면 서비스가 페이지에서 아무 이미지나 골라 쓰거나, 이미지 없는 밋밋한 카드를 만듭니다. 클릭률 차이가 큽니다. 링크를 공유할 계획이 있는 페이지라면 OG 이미지는 만들어 두는 편이 낫습니다.
크기: 1200×630
권장 크기는 1200×630픽셀, 비율 1.91:1입니다. 페이스북이 정한 값이고 나머지 서비스가 이를 따릅니다. 페이스북 최소 크기는 600×315이지만 그러면 고해상도 화면에서 흐려집니다. 1200×630으로 만들면 어디서든 줄여서 쓰고 확대할 일이 없습니다.
| 서비스 | 카드 비율 | 1200×630에서 일어나는 일 |
|---|---|---|
| 페이스북 | 1.91:1 | 그대로 씀 |
| 링크드인 | 1.91:1 | 그대로 씀 |
| X (대형 카드) | 2:1 | 위아래 15픽셀씩 잘림 |
| 슬랙 · 디스코드 | 가변 | 폭에 맞춰 줄임. 잘리지 않음 |
| 카카오톡 | 가변 | 카드 폭에 맞춰 줄이고, 일부 화면에서는 정사각형에 가깝게 잘림 |
| 아이메시지 | 가변 | 작은 카드에서는 정사각형으로 잘림 |
안전영역: 가운데 630×630
표에서 보듯 몇몇 서비스는 정사각형에 가깝게 잘라 보여줍니다. 그래서 로고, 제목, 얼굴처럼 반드시 보여야 하는 것은 이미지 가운데 630×630 안에 두는 것이 안전합니다. 좌우 285픽셀씩은 배경이나 장식으로만 쓰세요. 이렇게 만들면 가로 카드에서는 넓게, 정사각형 카드에서는 핵심만 보입니다.
- 글씨는 60픽셀 이상. 카드는 실제로 300~500픽셀 폭으로 보이므로 그보다 작으면 읽히지 않습니다.
- 한 줄이면 충분합니다. 제목은 카드의 글씨 부분이 따로 보여주므로 이미지에 다시 쓸 필요가 없습니다.
- 로고는 가장자리에서 60픽셀 이상 띄우세요. 서비스마다 잘리는 폭이 다릅니다.
- 배경과 글씨의 명도 차이를 크게. 카드는 밝은 화면 위에도, 어두운 화면 위에도 뜹니다.
- 가는 선과 작은 아이콘은 줄었을 때 사라집니다.
용량과 형식
카드를 만드는 서비스는 링크를 읽는 순간 이미지를 가져옵니다. 이미지가 크면 시간이 오래 걸리고, 어떤 서비스는 기다리지 않고 이미지 없는 카드를 만듭니다. 300KB 아래로 유지하세요. 1200×630 JPG 85%는 대체로 100~200KB입니다. 글씨 위주라면 PNG도 300KB 안에 들어옵니다. WebP는 일부 서비스가 읽지 못하므로 피하세요.
바꿨는데 예전 이미지가 뜰 때
서비스는 한 번 읽은 카드를 저장해 두고 다시 읽지 않습니다. 이미지를 바꿔도 며칠씩 예전 것이 뜨는 이유입니다. 페이스북과 링크드인은 카드를 강제로 다시 읽게 하는 디버거 페이지를 제공합니다. 카카오톡은 이미지 주소 자체를 바꾸는 것이 가장 확실합니다. 파일명 뒤에 버전 번호를 붙이는 식입니다.