OG Image Sizes: 2026년 완전 가이드
발행: (2026년 5월 11일 AM 10:00 GMT+9)
6 분 소요
원문: Dev.to
Source: Dev.to
빠른 답변: 1200 × 630 픽셀
이 크기를 기억하세요—모든 주요 플랫폼에서 잘리거나 왜곡되지 않고 작동합니다.
플랫폼 이미지 사양
| Platform | 권장 크기 | 최소 크기 | 가로세로 비율 | 최대 파일 크기 |
|---|---|---|---|---|
| 1200 × 630 | 600 × 315 | 1.91:1 | 8 MB | |
| Twitter/X (large card) | 1200 × 628 | 300 × 157 | 2:1 | 5 MB |
| Twitter/X (summary) | 240 × 240 | 144 × 144 | 1:1 | 5 MB |
| 1200 × 627 | 200 × 200 | 1.91:1 | 5 MB | |
| Slack | 1200 × 630 | Any | 1.91:1 | 제한 없음 |
| Discord | 1200 × 630 | Any | 1.91:1 | 8 MB |
| 1200 × 630 | 300 × 200 | 1.91:1 | 5 MB | |
| iMessage | 1200 × 630 | Any | 1.91:1 | 제한 없음 |
| 1200 × 630 | 200 × 200 | 1.91:1 | 10 MB |
이 표를 즐겨찾기에 추가해 빠르게 참고하세요.
왜 1200 × 630이 모든 곳에서 통하는가
- 2010년 Facebook이 Open Graph 프로토콜을 도입하면서 링크 미리보기 이미지에 약 1.91:1 비율을 채택했습니다.
- 이후 플랫폼들(Twitter, LinkedIn, Slack, Discord 등)도 동일하거나 매우 근접한 비율을 사용하게 되어, 하나의 1200 × 630 이미지만으로도 올바르게 표시됩니다.
- 1200 px 너비는 고해상도(Retina) 디스플레이에서도 선명하게 렌더링됩니다. 피드 카드가 보통 ~600 px 너비로 표시되므로 2배 픽셀 밀도로 텍스트와 그라디언트가 깨끗하게 보입니다.
이미지 포맷 권장 사항
| Format | 사용 시점 |
|---|---|
| PNG | 텍스트, 단색, 선명한 가장자리 이미지 |
| JPEG | 사진 이미지; 복잡한 색상에 더 좋은 압축 |
| WebP | 지원이 일관되지 않음—최대 호환성을 위해 PNG 또는 JPEG 사용 권장 |
| SVG | OG 이미지로 지원되지 않음; 대부분의 플랫폼이 무시합니다 |
안전 영역 및 타이포그래피 가이드라인
- 안전 영역: 모든 중요한 시각 요소를 각 가장자리에서 최소 60 px 떨어뜨리세요. 실제 사용 가능한 영역 ≈ 1080 × 510 px.
- 일반 표시 크기: 피드에서 OG 이미지는 보통 400–600 px 너비로 나타납니다.
- 제목 텍스트: 최소 48 px (1200 px 너비 기준).
- 설명 텍스트: 최소 28 px (1200 px 너비 기준).
- 텍스트 제한: 제목은 2–3줄, 고대비(예: 어두운 배경에 흰색 또는 그 반대) 사용 권장.
흔히 저지르는 실수
- 정사각형 이미지(1:1) 사용 – 과도하게 잘리므로 반드시 1200 × 630을 사용하세요.
- 파일 크기가 너무 큼 – ≤ 1 MB를 목표로; TinyPNG, ImageOptim 같은 도구로 품질 손실 없이 압축하세요.
- 메타 태그에 상대 URL 사용 –
https://로 시작하는 절대 URL을 제공하세요. - 캐시 문제 – 플랫폼은 OG 이미지를 적극적으로 캐시합니다. 각 플랫폼 디버거를 사용해 강제로 새로 고침하세요.
og:image:width와og:image:height누락 – 차원 정보를 제공하면 렌더링 속도가 빨라집니다.
디버깅 도구
- Facebook Sharing Debugger –
- Twitter Card Validator –
- LinkedIn Post Inspector –
- opengraph.xyz – (여러 플랫폼에서 미리보기)
확장 가능한 OG 이미지 생성 옵션
| Tool | Description |
|---|---|
| @vercel/og | JSX‑to‑PNG를 엣지에서 실행; 무료이며 자체 호스팅 가능 |
| Cloudinary | 텍스트 오버레이 기능을 갖춘 동적 변환 |
| ogimg.xyz | 전용 API; 무료 플랜에 월 50 이미지 포함 |
| Puppeteer / Playwright | 스크린샷 기반 접근법; 유연하지만 다소 느림 |
요약 체크리스트
- 크기: 1200 × 630 px
- 포맷: PNG (사진은 JPEG)
- 파일 크기: ≤ 1 MB
- 안전 영역: 모든 면에 60 px 여백
- 메타 태그: 절대 URL과 함께
og:image,og:image:width,og:image:height포함 - 테스트: 게시 전 플랫폼별 디버거 도구로 확인
이 가이드를 따르면 공유 링크가 모든 주요 소셜 플랫폼에서 깔끔하게 보입니다.