OG 이미지 생성기

OG 이미지 생성기란?

OG 이미지 생성기는 표준 1200x630 픽셀 크기로 소셜 공유 카드(Open Graph / 트위터 카드 이미지)를 만드는 무료 브라우저 도구입니다. 마케터, 블로거, 1인 개발자, 그리고 랜딩 페이지를 공개하는 누구나 디자인 앱을 열지 않고 깔끔한 미리보기 썸네일을 만들기 위해 사용합니다. 헤드라인과 선택적 부제를 입력하고, 단색이나 대각선 그라디언트를 고르고, 글자색과 왼쪽·가운데 정렬을 설정하며, 모서리에 브랜드 마크를 넣고 싶으면 로고 URL을 붙여 넣습니다. canvas가 실시간으로 다시 그려져 문구와 색을 다듬을 수 있고, og:image 메타 태그에 바로 쓸 수 있는 PNG로 내보냅니다.

OG 이미지 생성기 사용법

1. '제목' 칸에 헤드라인을 입력합니다. 크고 굵게 그려지며 최대 세 줄까지 자동 줄바꿈됩니다.
2. 제목 아래에 선택적 부제를 추가하거나, 비워 두면 헤드라인만 표시됩니다.
3. '설정'을 열어 단색 또는 그라디언트 배경을 고르고 배경색과 글자색을 설정하며 왼쪽·가운데 정렬을 선택합니다.
4. 원하면 로고 이미지 URL(CORS를 허용하는 이미지)을 붙여 넣어 텍스트 위에 로고를 배치합니다.
5. 1200x630 미리보기가 실시간으로 갱신되는 것을 확인하고 클릭해 크게 본 뒤 카드를 PNG로 내려받습니다.

예시

자주 묻는 질문

생성되는 이미지 크기는 얼마인가요?

항상 1200x630 픽셀로, Open Graph 및 트위터 summary-large-image의 표준 비율(약 1.91:1)입니다. 이 크기는 Facebook, X/Twitter, LinkedIn, Slack, Discord의 링크 미리보기에서 선명하게 표시됩니다.

내 로고는 어떻게 넣나요?

'로고 URL' 칸에 로고 이미지의 직접 URL을 붙여 넣으세요. 이미지는 그 URL에서 가져와 비율을 유지한 채 고정 높이로 텍스트 위에 그려집니다. 출처가 교차 출처 사용(CORS)을 허용해야 하며, 그렇지 않으면 브라우저가 canvas에 그리는 것을 막습니다.

색상과 레이아웃을 조정할 수 있나요?

네. 설정에서 단색 배경과 두 색 대각선 그라디언트를 전환하고, 배경색과 글자색을 설정하며, 왼쪽·가운데 정렬을 고를 수 있습니다. 제목과 부제는 자동으로 줄바꿈되고 너무 긴 텍스트는 말줄임표로 잘립니다.

제 글자나 이미지가 어딘가로 업로드되나요?

아니요. 카드는 전부 브라우저 안의 HTML canvas에서 그려지고 로컬에서 PNG로 내보내집니다. 제목, 부제, 색상은 서버로 전송되지 않습니다. 사용자가 입력한 로고 URL만 요청되며, 그 요청은 브라우저에서 사용자가 고른 호스트로 직접 전송됩니다.