1200×630 표준 OG 이미지를 입력만으로 제작합니다. 카카오톡·페북·트위터·링크드인 공유 카드에 바로 쓰세요.
🎴 미리보기 실제 크기: 1200 × 630 px

OG 이미지 생성기 사용법

  1. 배경 스타일을 선택합니다 (단색·그라·원형·배경 이미지).
  2. 제목·부제·사이트명을 입력합니다.
  3. 텍스트 정렬·폰트 크기를 조정하고 실시간 미리보기로 확인합니다.
  4. PNG 다운로드로 1200×630 이미지를 저장합니다.
  5. 웹서버에 업로드한 뒤 HTML <head>에 og:image 메타태그로 연결합니다.

주요 기능

  • 1200×630 Open Graph 표준 해상도
  • 5종 배경 스타일 (단색·2방향·대각·원형 그라·배경 사진)
  • 제목·부제·사이트명·URL 4개 텍스트 영역
  • 왼쪽·가운데 정렬, 폰트 크기 자유 조정
  • 메타태그 HTML 코드 자동 복사 기능

활용 예시

  • 블로그 글 공유 카드 — 포스트 제목 + 블로그명
  • 제품 소개 페이지 — 핵심 카피 + 브랜드 로고
  • 랜딩 페이지 — 서비스명 + 한 줄 설명
  • 이벤트·공지 — 일시·장소를 부제에 표기
  • 유튜브 영상 공유용 — 썸네일 대신 텍스트 카드로 교체

OG 이미지란? 왜 중요한가?

Open Graph 이미지는 페이스북이 2010년 도입한 표준으로, 현재는 카카오톡·트위터·슬랙·디스코드·링크드인 모두 동일 스펙을 사용합니다. URL을 공유했을 때 나타나는 썸네일 카드의 이미지로, 1200×630(비율 1.91:1)이 페북/링크드인 표준이며 트위터는 이를 2:1로 자동 크롭합니다. 텍스트가 너무 작으면 가장자리가 잘려 보이지 않을 수 있으니 안전 영역은 중앙 80%로 유지하세요.

자주 묻는 질문

이 이미지를 어디에 업로드해야 하나요?

본인 웹사이트의 이미지 디렉토리(예: /images/og-home.png)에 업로드한 뒤, HTML <head>에 <meta property="og:image" content="https://example.com/images/og-home.png">를 추가하세요.

카톡 미리보기가 바뀌지 않아요.

카카오톡은 공격적으로 캐시하므로 이미지 URL을 바꾸거나, 카카오 디벨로퍼스의 초기화 도구(developers.kakao.com/tool/clear/og)를 이용해야 반영됩니다. 페이스북은 developers.facebook.com/tools/debug에서 리프레시할 수 있습니다.

권장 용량·해상도는?

해상도는 1200×630, 파일 크기는 300KB 이하(최대 1MB까지 허용되나 느려짐)를 권장합니다. PNG보다 JPG가 가벼워 유리하지만 본 도구는 현재 PNG로 저장합니다.

이미지가 서버에 저장되나요?

아니요. 모든 디자인·렌더링은 브라우저에서만 이루어지며 외부 서버로 전송되지 않습니다.