표준 OG image 사이즈는 1200×630픽셀, 가로세로 비율 1.91:1입니다. 이 한 가지 크기만 사용하면 Facebook, X (Twitter), LinkedIn, Slack, Discord, WhatsApp, Telegram에서 링크 미리보기가 올바르게 표시됩니다.
여기까지가 짧은 답입니다. 이 가이드의 나머지 부분에서는 실제로 사람들이 자주 걸려 넘어지는 세부 사항을 다룹니다. 플랫폼별 크기, 텍스트를 위한 세이프 존, 파일 용량 제한, 그리고 각 플랫폼에 이미지 위치를 알려 주는 메타 태그입니다.
어디서나 통하는 단 하나의 사이즈
숫자 하나만 기억해야 한다면 바로 이것입니다:
| 속성 | 권장 값 |
|---|---|
| 크기 | 1200 × 630 px |
| 가로세로 비율 | 1.91:1 |
| 형식 | PNG 또는 JPG |
| 파일 용량 | 1 MB 미만 (허용 상한은 더 높지만, 작을수록 빠르게 로드됩니다) |
| URL | 절대 HTTPS URL |
주요 플랫폼은 모두 1.91:1을 기본으로 사용하거나 이 비율에서 자연스럽게 잘라냅니다. 정확히 1200×630으로 디자인하면 페이지마다 이미지를 다섯 장이 아니라 한 장만 만들면 됩니다.
플랫폼별 OG image 사이즈
플랫폼마다 선호하는 크기와 강제하는 기준이 조금씩 다릅니다:
| 플랫폼 | 권장 크기 | 비고 |
|---|---|---|
| 1200 × 630 | 최소 200×200. 600×315 미만 이미지는 큰 카드 대신 작은 썸네일로 표시됩니다 | |
| X (Twitter) | 1200 × 630 | summary_large_image 카드는 2:1에 가깝게 잘리므로 핵심 콘텐츠를 중앙에 배치하세요 |
| 1200 × 627 | 1.91:1. 사실상 Facebook과 같은 이미지를 쓰면 됩니다 | |
| Discord | 1200 × 630 | 큰 링크 임베드에 og:image를 사용합니다 |
| Slack | 1200 × 630 | 링크 미리보기가 Open Graph 태그를 그대로 사용합니다 |
| 1200 × 630 | 파일을 작게 유지하세요(300 KB보다 훨씬 작게). 무거우면 미리보기가 로드되지 않을 수 있습니다 | |
| Telegram | 1200 × 630 | og:image를 읽으며, 캐시를 매우 오래 유지합니다 |
| 1000 × 1500 | 유일한 예외입니다. 핀은 세로형 2:3을 선호하므로 Pinterest 전용 이미지를 사용하세요 |
결론: Pinterest를 제외하면 1200×630 이미지 한 장으로 모든 곳을 커버할 수 있습니다.
세이프 존: 텍스트가 있어야 할 자리
플랫폼마다 자르는 방식이 다릅니다. X는 2:1에 가깝게 자르고, 일부 모바일 레이아웃은 가장자리를 깎아냅니다. 어디서든 제목이 읽히게 하려면:
- 모든 텍스트와 로고를 중앙 1120 × 560 영역 안에 배치하세요(각 방향 약 5% 여백).
- 바깥 가장자리는 잘릴 수 있다고 가정하세요. 핵심 콘텐츠를 테두리에 딱 붙여 배치해서는 안 됩니다.
- 실제 제목을 실제 크기로 넣어 테스트하세요. 디자인 툴에서는 괜찮아 보이는 텍스트도 피드 크기에서는 너무 작은 경우가 많습니다. 경험칙상 1200×630 캔버스에서 제목은 48px 이상으로 유지하세요.
저희 무료 템플릿에는 이 여백이 기본으로 반영되어 있어, 입력하는 내용이 항상 세이프 존 안에 머뭅니다.
파일 용량, 형식, 해상도
- 형식: 텍스트가 많은 그래픽은 PNG(가장자리가 선명함), 사진 배경은 JPG를 사용하세요. WebP도 이제 주요 플랫폼에서 동작하지만, 롱테일 앱까지 고려하면 PNG/JPG가 여전히 가장 안전합니다.
- 파일 용량: Facebook은 최대 8 MB, X는 최대 5 MB까지 허용합니다. 하지만 크롤러는 느리게 로드되는 이미지에서 타임아웃됩니다. 실무 목표는 1 MB 미만(WhatsApp 안정성을 위해서는 300 KB 미만)입니다.
- 해상도: 1x 기준 1200×630이면 충분합니다. 2400×1260으로 레티나 2배 확대를 해도 피드 렌더링이 좋아지는 경우는 드물고 파일 용량만 두 배가 됩니다.
실제로 작동하게 만드는 메타 태그
크기는 절반의 작업일 뿐입니다. 플랫폼은 페이지 <head>에 있는 Open Graph 메타 태그를 통해 이미지를 찾습니다:
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Launch day: v2.0 — changelog" />
<meta name="twitter:card" content="summary_large_image" />보기보다 중요한 디테일이 세 가지 있습니다:
og:image는 반드시 절대 HTTPS URL이어야 합니다. 상대 경로는 대부분의 크롤러에서 아무 오류 없이 조용히 실패합니다.og:image:width와og:image:height를 지정하면 플랫폼이 이미지를 다운로드하기 전에 알맞은 공간을 확보할 수 있어, 첫 공유부터 빈 카드가 아닌 완전한 카드가 표시됩니다.twitter:card를summary_large_image로 설정해야 X 미리보기가 작은 정사각형에서 전체 너비 카드로 업그레이드됩니다.
흔한 실수 (그리고 빠른 해결법)
- 이미지가 600×315보다 작습니다. Facebook은 이런 이미지를 작은 사이드 썸네일로 강등시킵니다. 1200×630으로 내보내세요.
- 텍스트가 가장자리에 붙어 있습니다. X의 크롭에서 잘려 나갑니다. 텍스트를 중앙 세이프 존 안에 두세요.
- 미리보기에 예전 이미지가 표시됩니다. 플랫폼은 캐시를 매우 오래 유지합니다. 해결 방법은 OG image 미리보기와 캐시 갱신 가이드를 참고하세요.
- URL이 상대 경로이거나 로그인이 필요합니다. 크롤러는
/images/og.png같은 상대 경로나 로그인이 필요한 이미지를 가져오지 못합니다. 공개된 절대 URL을 사용하세요. - 사이트 전체에 범용 이미지 한 장을 사용합니다. 페이지마다 구체적이고 관련성 높은 OG image를 쓰는 페이지가 로고 카드를 재사용하는 페이지보다 꾸준히 더 많은 클릭을 얻습니다.
몇 초 만에 올바른 사이즈의 OG image 만들기
1200×630 아트보드, 세이프 존 가이드, 내보내기 프리셋을 직접 설정할 수도 있습니다. 아니면 그 설정 과정을 통째로 건너뛸 수도 있습니다. 저희 무료 OG image 생성기는 처음부터 1200×630(X 헤더용은 1500×500)에 맞춰진 템플릿에서 시작해, 텍스트를 세이프 존 안에 유지하고, 메타 태그에 바로 쓸 수 있는 최적화된 PNG를 내보냅니다. 회원가입도, 워터마크도 없습니다.
자주 묻는 질문
가장 좋은 OG image 사이즈는 무엇인가요?
1200×630픽셀(가로세로 비율 1.91:1)입니다. 별도의 변형 이미지 없이 Facebook, X, LinkedIn, Slack, Discord, WhatsApp, Telegram에서 큰 카드로 표시됩니다.
최소 OG image 사이즈는 얼마인가요?
Facebook은 200×200까지 허용하지만, 600×315 미만이면 큰 카드 레이아웃을 잃습니다. 600×315를 실질적인 하한선으로, 1200×630을 목표로 삼으세요.
X (Twitter)에는 다른 이미지를 써야 하나요?
대개는 그럴 필요가 없습니다. 콘텐츠를 중앙에 배치한 1200×630 이미지면 summary_large_image 카드에 충분합니다. 디자인상 핵심 콘텐츠가 위쪽이나 아래쪽 가장자리 근처에 있는 경우에만 X 전용 이미지를 추가하세요.
OG image가 SEO에 영향을 주나요?
검색 순위에 직접 영향을 주지는 않습니다. 하지만 링크가 공유될 때의 클릭률에는 큰 영향을 미치고, 소셜 확산은 콘텐츠 발견으로 이어집니다. 명확하고 브랜드가 드러나는 미리보기는 가장 저렴한 CTR 개선 수단 중 하나입니다.
