OG 이미지 생성기
소셜 공유를 위한 Open Graph 미리보기 이미지를 생성합니다.
클릭을 부르는 소셜 공유 이미지 만들기
소개
트위터/X·페이스북·링크드인·슬랙·디스코드에 링크를 공유하면 미리보기 카드가 Open Graph 이미지(og:image), 즉 제목 위에 뜨는 큰 이미지를 가져옵니다. 잘 만든 OG 이미지는 클릭률을 크게 높이고, 없거나 깨진 이미지는 링크를 신뢰할 수 없어 보이게 합니다. 표준 크기는 1200×630 픽셀입니다. 이 생성기로 제목 텍스트·배경·강조색이 담긴 브랜드 공유 이미지를 구성하고, 사이트의 og:image 태그에 바로 연결할 수 있게 내보냅니다.
사용 방법 (단계별)
- 1
제목과 스타일 입력
헤드라인을 입력하고 배경·강조색을 고르세요. 미리보기가 실제 1200×630 비율로 갱신됩니다.
- 2
PNG 내보내기
렌더된 이미지를 전체 Open Graph 해상도로 다운로드하세요.
- 3
메타 태그에 연결
PNG를 호스팅하고 페이지 <head>에 <meta property="og:image" content="...">와 <meta name="twitter:image">를 추가하세요.
작동 원리
제목·부제·배경(색 또는 그라데이션)·강조색을 1200×630 실시간 미리보기에서 구성합니다. 도구가 디자인을 정확한 OG 크기의 캔버스에 렌더해 PNG로 내보냅니다. 그 PNG를 호스팅하고 페이지의 Open Graph·Twitter Card 메타 태그에서 참조하면, 소셜 플랫폼이 링크 최초 공유 시 이미지를 가져와 미리보기 카드에 캐시합니다. 생성은 브라우저에서 로컬로 처리됩니다.
이럴 때 쓰세요
모든 블로그 글에 일반 로고 대신 구별되는 브랜드 공유 카드를 부여할 때. 제품·기능 출시 공지 제작. 슬랙·디스코드에서 이벤트·웨비나 링크를 깔끔하게 보이게 할 때. 마케팅 사이트 전반의 공유 이미지 표준화. 클릭률 개선을 위한 공유 카드 헤드라인 A/B 테스트.
자주 묻는 질문
1200×630 픽셀(1.91:1 비율)이 페이스북·링크드인·트위터 대형 카드의 보편 표준입니다. 일부 플랫폼이 가장자리를 약간 자르므로 중요한 텍스트는 가장자리에서 떨어뜨리세요.