OG 이미지 생성기
SNS 공유 시 클릭률을 높이는 OG 이미지를 브라우저상에서 작성・다운로드.
1200×630px 지원, 다양한 템플릿과 폰트 완비.
📚 템플릿
💾 출력・다운로드
🏷️ OGP 메타 태그 생성
OG 이미지 생성기의 원리・개요
OG 이미지(Open Graph 이미지)는 웹 페이지가 SNS(X/Twitter, Facebook, LINE 등)에서 공유될 때 표시되는 미리보기 이미지입니다. 매력적인 OG 이미지는 클릭률(CTR)을 크게 향상시키는 중요한 요소입니다.
본 도구는 고화질을 지원하는 프로 품질의 OG 이미지를 브라우저상에서 완전 무료・가입 없이 작성할 수 있습니다. 다양한 템플릿, 자유로운 그라데이션 배경 생성기, 폰트 설정 기능 등을 갖추고 있습니다.
생성 및 내보내기 처리를 포함하여 모두 사용 중인 브라우저 내(로컬 환경)에서 완결되므로 안전하게 이미지를 작성할 수 있습니다.
도구 사용법
템플릿 선택
IT, 블로그, 마케팅 등의 카테고리에서 기본 디자인을 선택합니다. 처음부터 사용자 지정하는 것도 가능합니다.
디자인 사용자 지정
제목 텍스트, 배경 그라데이션 및 색상, 로고 이미지, 장식용 배지 등을 조정하고 SNS 미리보기에서 확인합니다.
저장 및 메타 태그 설정
PNG 또는 WebP 형식으로 이미지를 다운로드합니다. 도구 하단에서 HTML OGP 메타 태그를 생성하여 사이트에 설정합니다.
OGP・이미지 용어집
- OGP (Open Graph Protocol)
- Facebook이 제창한 것으로, 웹 페이지가 SNS에서 공유될 때 제목, 이미지, 설명문의 표시 정보를 정의하는 메타데이터 규격입니다. 적절히 설정하면 공유 시의 가시성이 크게 향상됩니다.
- Twitter Card (summary_large_image)
- X(Twitter) 독자적인 메타 태그로, `summary_large_image`를 지정하면 타임라인상에서 큰 이미지가 포함된 카드로 표시되어 사용자의 눈길을 끌기 쉽습니다.
- 가로세로 비율 1.91:1
- OG 이미지의 표준 비율로, 일반적으로 1200×630px가 권장됩니다. 이 비율을 지키면 각 플랫폼에서 이미지가 잘리지 않고 표시됩니다.
- 디바이스 픽셀 비율 (DPR)
- CSS의 1픽셀을 물리적인 픽셀 몇 개로 렌더링할지 나타내는 값. 본 도구는 Retina 등 높은 DPR 디스플레이에서도 글자가 흐려지지 않도록 최적의 비율로 Canvas 렌더링을 수행하고 있습니다.
자주 묻는 질문
- Q.작성한 OG 이미지의 권장 크기는?
- 1200×630px (가로세로 비율 1.91:1)이 업계 표준입니다. Facebook, X(Twitter), LINE, LinkedIn 등에서 가장 최적으로 표시되는 해상도입니다.
- Q.작성한 이미지는 어떻게 사이트에 설정하나요?
- 다운로드한 이미지를 서버(WordPress 미디어나 AWS S3 등)에 업로드하고, 해당 URL을 페이지의 `<head>` 내에 있는 `<meta property="og:image" content="...">` 태그에 지정합니다.
- Q.이미지나 텍스트 데이터는 서버에 저장되나요?
- 아니요. 입력한 텍스트나 업로드한 로고 이미지, 생성된 OG 이미지 등 모든 처리는 사용 중인 브라우저 내(로컬)에서 완결되므로 외부에 데이터가 유출되지 않습니다.
- Q.X(Twitter)의 Summary Large Image란?
- 링크 공유 시 큰 이미지가 포함된 카드로 표시되는 형식입니다. twitter:card에 summary_large_image를 설정하면 활성화됩니다.
- Q.JPEG, PNG, WebP 중 어느 것을 선택해야 하나요?
- 실사 사진 배경이라면 JPEG, 일러스트나 텍스트 위주로 선명함을 유지하고 싶다면 PNG, 최신 경량 포맷으로는 WebP를 추천합니다.
활용 상황
블로그 글 썸네일
글의 제목과 카테고리 배지를 배치하여 타임라인에서의 주목도를 높이는 OG 이미지를 몇 초 만에 만들 수 있습니다.
쇼핑몰 상품 공유
상품명과 브랜드 로고가 포함된 이미지를 준비하여 SNS를 통한 유입과 전환율을 높입니다.
이벤트・세미나 공지
개최 일시와 발표자 정보를 시각적으로 정리한 OG 이미지로 참가 신청 유도를 강력하게 뒷받침합니다.
포트폴리오・실적
자신의 작품명이나 프로필 사진, 직함을 배치한 프로페셔널한 이미지로 신뢰감을 높입니다.
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.