누군가 Facebook, LinkedIn, Twitter에서 웹페이지를 공유할 때, 플랫폼은 링크와 함께 표시할 Open Graph 이미지를 가져옵니다. 이 이미지가 잘못되면 — 잘못된 크기, 잘못된 형식, 너무 큰 용량 — 정성껏 만든 콘텐츠가 흐릿한 썸네일이나 일반적인 자리표시자로 나타납니다. 이 가이드는 OG 이미지를 모든 곳에서 완벽하게 보이게 하는 데 필요한 모든 치수와 형식 요구 사항을 다룹니다.

범용 Open Graph 이미지 크기

Open Graph 프로토콜이 권장하고 모든 주요 플랫폼이 허용하는 표준 크기는 1.91:1 비율의 1200 x 630 픽셀입니다. 플랫폼별 재정의가 필요한 경우를 제외하고 사이트의 모든 페이지에 이 크기를 사용해야 합니다. 1200 x 630 크기에서:

Facebook은 뉴스피드에서 전체 너비로 표시 (최대 1200px 너비)
LinkedIn은 대형 미리보기 카드로 표시 (약 1200 x 627px)
Twitter/X는 summary_large_image 카드를 위해 1200 x 628px로 자름
Slack은 최대 800px 너비로 비례 높이와 함께 펼침
WhatsApp은 300 x 157 썸네일로 미리보기 (비율 유지)

단일 1200 x 630 PNG 또는 JPG가 주요 콘텐츠(로고, 헤드라인, 얼굴)가 중앙에 있고 어떤 가장자리와도 너무 가깝지 않다면 자르기 문제 없이 이 모든 플랫폼을 커버합니다.

최소 허용 크기

모든 페이지에 1200 x 630 이미지를 생성하는 것이 불가능한 경우 절대 최소값은 다음과 같습니다:

600 x 315px: Facebook이 대형 이미지 미리보기에 허용하는 최소값. 이보다 작으면 Facebook은 전체 너비 카드 대신 작은 인라인 썸네일을 사용합니다.
200 x 200px: 소형 썸네일 폴백의 최소값. 큰 OG 이미지가 지정되지 않은 경우 Facebook이 사용하는 이미지입니다.
300 x 157px: Twitter의 summary_large_image 최소값. 이보다 작으면 144 x 144 정사각형 썸네일로 폴백합니다.

1200 x 630을 고수하면 이러한 최소값에 도달하지 않습니다.

플랫폼별 세부 사항

1200 x 630이 보편적으로 안전하지만 알아두어야 할 몇 가지 플랫폼별 특성이 있습니다:

Facebook: 1.91:1 비율의 이미지를 선호합니다. 8MB를 초과하는 이미지는 거부됩니다. Facebook은 OG 이미지를 공격적으로 캐시합니다 — 이미지를 업데이트할 때 Sharing Debugger 도구를 사용하여 캐시를 새로 고칩니다.
Twitter/X: 큰 미리보기가 나타나려면 twitter:card 메타 태그를 summary_large_image로 설정해야 합니다. 없으면 OG 이미지가 올바르더라도 Twitter는 144 x 144 정사각형으로 폴백합니다.
LinkedIn: 이미지를 1200 x 627 (약간 다른 비율)로 자릅니다. 가장자리 자르기를 방지하기 위해 모든 중요한 콘텐츠를 중앙 1200 x 600 안전 영역에 유지하세요.
iMessage / iOS: 링크 미리보기에 OG 이미지를 사용합니다. Apple은 크기 차이로 인해 링크 미리보기에 PNG보다 JPG를 선호합니다.

파일 형식: JPG vs PNG vs WebP

대부분의 플랫폼은 OG 이미지에 JPG와 PNG를 모두 지원합니다. 각각의 장단점은 다음과 같습니다:

JPG: 사진과 많은 색상을 가진 이미지에 적합합니다. 품질 85의 1200 x 630 JPG는 일반적으로 80–150KB 사이로 모든 플랫폼 제한 내에 있습니다.
PNG: 그래픽, 텍스트가 많은 이미지, 로고, 선명한 가장자리가 있는 스크린샷에 적합합니다. 무손실 PNG는 모든 픽셀을 보존하지만 더 큰 파일을 생성합니다 (1200 x 630 이미지의 경우 200–500KB).
WebP: 모든 크롤러와 오래된 플랫폼에서 OG 이미지 형식으로 완전히 지원되지 않습니다. 최대 호환성을 위해 JPG 또는 PNG를 사용하세요.

OG 이미지 파일 크기를 1MB 미만으로 유지하세요. 대부분의 플랫폼은 가장 빠른 로딩을 위해 300KB 미만을 권장합니다. 업로드 전에 눈에 보이는 품질 손실 없이 파일 크기를 줄이려면 이미지 압축을 사용하세요.

OG 이미지 디자인

OG 이미지는 마케팅 자료입니다 — 소셜 피드에서의 첫인상입니다. 다음 디자인 원칙을 따르세요:

중요한 콘텐츠를 중앙 80%에 유지: 기기와 플랫폼에 따라 모든 네 면이 약간 잘릴 수 있습니다. 이미지 외부 10%의 로고와 헤드라인은 잘릴 위험이 있습니다.
최소 24px의 읽기 가능한 텍스트 사용: OG 이미지는 종종 400–600px 너비로 표시됩니다. 소스 이미지에서 24px보다 작은 텍스트는 미리보기 크기에서 읽기 어려워집니다.
브랜드 포함: 구석의 로고나 브랜드 색상은 링크가 어느 사이트의 것인지 즉시 알려줘 클릭률을 높입니다.
높은 대비 사용: 밝은 배경의 어두운 텍스트 (또는 반대)는 작은 화면에서도 가독성을 보장합니다.

OG 이미지 생성 및 크기 조정 방법

OG 이미지를 정확히 1200 x 630으로 크기를 조정해야 하는 경우 Picovert의 무료 이미지 리사이저를 사용하여 소프트웨어 설치 없이 몇 초 만에 정확한 픽셀 치수를 설정하세요. 형식 변환 (예: PNG에서 JPG)은 이미지 변환기가 브라우저에서 즉시 처리합니다. 크기 조정 후 결과를 이미지 압축기로 실행하여 권장 300KB 미만 파일 크기 목표를 달성하세요.

OG 이미지 테스트

게시 전에 항상 OG 구현을 검증하세요:

Facebook Sharing Debugger: Facebook이 링크 미리보기를 어떻게 렌더링할지 정확히 보여주고 캐시를 강제로 새로 고칠 수 있습니다.
Twitter Card Validator: Twitter 카드를 미리보고 누락된 메타 태그를 표시합니다.
LinkedIn Post Inspector: LinkedIn의 캐시를 지우고 현재 미리보기를 보여줍니다.
opengraph.xyz: 여러 플랫폼에서 OG 렌더링을 한 번에 시뮬레이션하는 서드파티 도구입니다.

올바른 치수(1200 x 630), 깔끔한 디자인, 300KB 미만의 파일 크기로 공유될 때마다 Open Graph 이미지가 전문적으로 보여 콘텐츠가 클릭을 받을 최고의 기회를 얻을 것입니다.