브라우저 기반 OG 이미지 생성기
제목을 입력하고 레이아웃과 브랜드 컬러를 고르면 1200×630 PNG를 바로 내려받습니다. 가입 불필요, 워터마크 없음.
플랫폼 미리보기가 있는 검사기
아무 URL이나 붙여넣어 각 Open Graph 태그를 확인하고, og:image:alt 누락이나 twitter:card 설정 오류를 찾아내며 네 개 플랫폼의 카드 모습을 동시에 미리 봅니다.
오픈소스 Next.js 템플릿 9종
헤드라인, 블로그 글, 라이브 스크린샷, 폰, 버튼, 프로필, 리뷰 카드 라우트를 복사할 수 있으며 Satori로 렌더링하고 Tailwind CSS로 스타일링합니다.
실제 OG 이미지 429장 갤러리
실제 운영 중인 스타트업이 의도적으로 만든 카드 모음으로, SaaS·AI·디자인·이커머스 등 카테고리별로 정렬되고 색상 팔레트도 함께 표시됩니다.
Open Graph 기초 가이드
OG 이미지란 무엇인지, 1200×630 크기 표준과 플랫폼별 제한, og:image 태그 규칙, Next.js 구현 방식을 정리한 참고 문서를 제공합니다.
이 사이트가 푸는 문제는 아주 구체적입니다. 공유한 링크를 클릭하고 싶게 만드는 것입니다. ogimage.org는 네 가지가 맞물린 구조로 접근합니다. 생성기는 제목, 레이아웃, 브랜드 컬러만으로 1200×630 카드를 브라우저에서 바로 렌더링하며 가입도 워터마크도 없고 입력하는 동안 실시간 미리보기를 보여줍니다. 검사기는 어떤 URL이든 받아 이미지 크기가 적절한지, twitter:card가 summary_large_image인지, og:image:alt가 빠지지 않았는지 같은 태그별 진단과 함께 네 개 플랫폼에서의 표시 모습을 동시에 알려줍니다.
템플릿은 카드를 수작업이 아니라 자동 생성하려는 개발자를 위한 부분입니다. 헤드라인, 블로그 글, 라이브 스크린샷, 폰, 버튼, 프로필, 리뷰 등 흔한 패턴을 9개의 Next.js 라우트가 담당하고, 각 라우트는 Satori로 JSX를 렌더링하고 Tailwind CSS로 스타일을 입힙니다. 전체 소스는 MIT 라이선스로 클론할 수 있습니다. 갤러리는 디자인 참고 자료로 기능하며, 실제 운영 중인 스타트업의 Open Graph 이미지 429장을 카테고리별로 필터링하고 각 카드의 색상 팔레트까지 보여주므로 디자이너와 마케터의 스와이프 파일로 쓸 수 있습니다.
사이트의 모든 것은 무료이며 하나의 공개 저장소로 배포됩니다. 유료 등급도, 계정 요구도, 이미지 호스팅 서비스도 없습니다. 생성하고 내려받아 직접 호스팅하면 됩니다. OG 이미지 크기 표준, og:image 태그 규칙, Open Graph 태그 레퍼런스, Next.js 구현 방식을 설명하는 가이드도 함께 제공됩니다.
