OG 이미지 생성기
블로그, 랜딩 페이지, 출시 노트에 쓸 소셜 공유 이미지를 브라우저에서 만듭니다.
테마
새로운 페이지 공개
공유했을 때 출시 노트, 블로그 글, 랜딩 페이지가 더 정돈되어 보이는 OG 카드를 만드세요.
공유 전에 작은 썸네일에서도 제목이 읽히는지 확인하세요.
좋은 OG 이미지 기준
1200x630 비율
1.91:1 가로 비율은 Open Graph 미리보기에서 널리 쓰입니다. 작은 글자에 의존하지 않고 헤드라인, 제품 맥락, 브랜드 심볼을 넣을 공간을 줍니다.
첫인상을 관리
링크 미리보기는 출시 글, 게시물, 도구 페이지의 첫 시각적 인상이 되는 경우가 많습니다. 의도적으로 만든 카드는 페이지가 관리되고 있다는 신호를 줍니다.
썸네일에서도 읽히게
소셜 카드는 작은 썸네일로 보이는 일이 많습니다. 글자를 크게 두고, 빽빽한 문단을 피하고, 중요한 내용은 가장자리에서 떨어뜨리세요.
플랫폼별 크기 참고
Open Graph 기본
표준 가로 형식입니다. 플랫폼이 이미지를 잘라내도 살아남도록 중요한 텍스트를 중앙에 두세요.
넓은 카드
Twitter 계열 미리보기는 조금 더 짧은 2:1 카드도 잘 맞지만, 1200x630이 폭넓게 호환됩니다.
정사각형 잘림 대비
메신저 앱에서는 중앙 기준으로 잘리는 경우가 많아 중앙 구성이 중요합니다.
자주 묻는 질문
생성한 이미지를 제가 소유하나요?
네. 이미지는 브라우저에서 로컬로 생성되며 생성 과정에서 서버로 업로드되지 않습니다.
이미지를 메타데이터에 어떻게 연결하나요?
최종 이미지 URL을 가리키는 og:image meta tag를 추가하고, 필요하면 twitter:card를 summary_large_image로 설정하세요.
한글 같은 비라틴 문자도 사용할 수 있나요?
네. 렌더링 환경에 필요한 폰트가 있으면 브라우저 기반 렌더러가 비라틴 문자도 지원합니다.
플랫폼에서 예전 미리보기 이미지가 보이는 이유는 무엇인가요?
소셜 플랫폼은 링크 미리보기를 캐시합니다. 이미지 URL이나 메타데이터를 바꾼 뒤에는 해당 플랫폼의 공유 디버거나 카드 검증 도구로 새로고침을 강제하세요.
모든 페이지가 같은 OG 이미지를 써도 되나요?
도구성 페이지에는 기본 이미지도 괜찮지만, 중요한 출시 글, 블로그 글, 랜딩 페이지는 페이지별 카드가 더 좋은 인상을 줍니다.