무료 오픈 그래프 이미지 생성기

몇 번의 클릭만으로 멋진 OG 이미지, Twitter/X 헤더 등을 쉽게 생성하세요—디자인 기술이 필요 없습니다. Twitter, Facebook, LinkedIn과 같은 소셜 미디어 플랫폼에서 최상의 표시를 보장하기 위해 PNG(권장), JPEG 또는 WebP 형식을 사용하세요. 자동화가 필요하신가요? 강력한 API로 즉시 오픈 그래프 이미지를 생성하세요.

Choose a template

템플릿 속성
속성을 변경하여 이미지를 사용자 지정하세요.
배경
이미지에 맞춤형 배경을 설정하세요.
그라데이션 방향
그리드 오버레이
0.15
Preview
오픈 그래프를 위한 최적의 이미지 형식
소셜 미디어 공유를 위한 최상의 이미지 형식을 선택하세요.
  • PNG: 텍스트와 로고에 우수한 품질을 제공합니다.
  • JPEG: 사진과 복잡한 색상의 이미지에 적합합니다.
  • WebP: 고품질을 유지하면서 우수한 압축을 제공하는 현대적인 형식입니다.
이미지 다운로드
PNG, JPEG 또는 WebP 형식으로 이미지를 내보내세요.

Twitter, Facebook, LinkedIn과 같은 플랫폼에서 최상의 오픈 그래프(OG) 이미지 표시를 위해 PNG(권장), JPEG 또는 WebP 형식을 사용하는 것이 좋습니다.

API 통합
API를 사용하여 즉시 오픈 그래프 이미지를 생성하세요.

요청 본문을 JSON 또는 cURL 명령으로 복사하세요.

오픈 그래프 이미지 추가가 쉬워졌습니다

몇 분 만에 웹사이트에 소셜 미디어 미리보기 이미지를 쉽게 추가하세요. 아래에서 선호하는 방법을 선택하세요—HTML 또는 Next.js App Router를 사용하세요.

1. 이미지 저장

생성된 OG 이미지를 웹사이트의 루트 디렉터리에 og.png로 저장하세요.

2.생성 그리고 HTML head에 오픈 그래프 태그 추가

<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />

<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />

<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

yourdomain.com을 실제 도메인 이름으로 바꾸는 것을 잊지 마세요.

전문가 팁

  • OG 이미지가 로드되지 않을 경우를 대비해 항상 백업 이미지를 준비하세요.
  • 소셜 미디어 디버깅 도구를 사용하여 OG 이미지를 테스트하세요.
  • 접근성을 개선하기 위해 의미 있는 대체 텍스트를 추가하세요.
  • 자주 업데이트되는 콘텐츠에는 동적 OG 이미지를 사용하세요.