블로그 운영 2026.05.31 · 5분 읽기

OG 이미지 가이드: 블로그 클릭률 3배 만들기

카톡·슬랙·페북·X에서 링크 공유할 때 보이는 큰 이미지. 이게 OG 이미지인데, 디자인에 따라 CTR이 2~3배 차이납니다. 1분 만에 만드는 법.

⏱ 이 글에서 배울 것
  • OG 이미지가 뭐고 왜 중요한지
  • 모든 플랫폼에서 잘 보이는 1200×630 표준
  • 1분 만에 만드는 PXLTool 워크플로

📌 OG 이미지란?

Open Graph (OG)는 Facebook이 2010년 만든 표준으로, 웹페이지 공유 시 미리보기 카드에 표시될 정보(제목·설명·이미지)를 정의합니다. 이제는 카톡·슬랙·디스코드·트위터(X) 등 거의 모든 플랫폼이 이 표준을 따라요.

OG 이미지가 매력적이지 않으면? 글이 아무리 좋아도 클릭 안 합니다. 글로벌 평균 데이터: OG 이미지 있는 공유는 없는 것보다 CTR 38% 높음, 잘 디자인된 OG는 거기서 또 2배.

📐 사이즈 표준

1200×630 (1.91:1)이 만국 공통 표준이에요. 이 비율이면 페북·카톡·슬랙·X·디스코드 어디서든 잘리지 않고 보입니다.

  • 최소: 600×315 (모바일에서 흐려질 수 있음)
  • 권장: 1200×630 (대부분 플랫폼 표준)
  • 최대: 2400×1260 (레티나 대응, 파일 8MB 이하)

🎨 디자인 원칙 3가지

원칙 1 · 제목이 50% 차지

모바일에서 OG 이미지는 100~200px 너비로 표시돼요. 작은 사이즈에서도 읽히려면 제목 텍스트가 이미지의 50% 이상을 차지해야 합니다. 본문 사진 + 작은 제목 조합은 절대 금물.

원칙 2 · 브랜드 일관성

모든 OG 이미지에 같은 폰트, 같은 색, 같은 로고 위치를 유지하세요. 자주 공유되는 채널이면 한눈에 "아 이 블로그 글이네"라고 인식 가능. 이게 브랜딩의 시작입니다.

원칙 3 · 텍스트 가독성 우선

예쁜 색보다 가독성. 대비 비율 4.5:1 이상이 WCAG 표준. 흰 배경에 노랑 글씨 같은 조합은 절대 안 됨. 어두운 배경 + 밝은 글씨가 가장 안전.

🛠 1분 워크플로

방법 A · LinkedIn 게시물 이미지 도구 활용

LinkedIn 게시물 이미지 도구는 1200×627 표준 사이즈로, OG 이미지에도 그대로 사용 가능. 제목·부제·이름·회사 입력하고 PNG 다운로드. 30초.

방법 B · 이메일 헤더 배너 도구 활용

이메일 헤더 도구에서 1200×300 와이드 옵션 선택. 좀 더 컴팩트한 OG가 필요할 때 좋아요.

방법 C · 그라데이션 블러 배경 + 텍스트

Apple·Vercel 같은 고급 느낌 원하면 그라데이션 블러 도구로 배경 만들고, 그라데이션 텍스트로 제목 추가. 합성은 Canva 무료판에서.

🔧 HTML 메타 태그

이미지 만들었으면 HTML <head>에 추가:

<meta property="og:title" content="글 제목">
<meta property="og:description" content="글 설명 (160자 이내)">
<meta property="og:image" content="https://yoursite.com/og.png">
<meta property="og:url" content="https://yoursite.com/post">
<meta property="og:type" content="article">

<!-- Twitter Cards (X) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="글 제목">
<meta name="twitter:image" content="https://yoursite.com/og.png">

💡 꿀팁: 변경 후 페북 디버거(developers.facebook.com/tools/debug)에서 캐시 새로고침 필요. 카톡은 자동 갱신되지만 몇 시간 걸림.

🎯 플랫폼별 차이

  • 카카오톡: 1200×630 권장. 정사각도 OK
  • 네이버 블로그/카페: 1280×630
  • X(트위터): 1200×675 (1.78:1) 권장
  • LinkedIn: 1200×627
  • 슬랙·디스코드: OG 표준 그대로 사용

실용적으로는 1200×630 하나만 만들어도 99% 커버됩니다. 완벽주의 안 됩니다.

🎨 OG 이미지 도구 모음

LinkedIn·이메일 배너·OG 미리보기 도구 모두 무료.

🏠 도구 둘러보기
← 블로그 목록 PXLTool · 2026.05.31