디자인등록 2026-06-06
OG 이미지 생성기
제목·부제·배경·로고를 입력하면 1200×630 오픈그래프(OG) 이미지를 즉시 만들어 PNG로 다운로드합니다. 카카오톡·페이스북·X 링크 카드 미리보기와 메타 태그 스니펫 제공.
설정
정렬
글자 크기72px
세로 위치50%
글자 색
#FFFFFF
배경
로고 (선택)
미리보기 (1200×630)
점선은 카카오톡 등에서 잘리지 않는 중앙 80% 안전영역입니다.
다운로드
예상 용량 약 0 B
공유 카드 미리보기
제목을 입력하세요
부제·설명을 입력하세요
example.com
메타 태그
<meta property="og:title" content="제목을 입력하세요"> <meta property="og:description" content="부제·설명을 입력하세요"> <meta property="og:image" content="https://example.com/og-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:url" content="https://example.com"> <meta name="twitter:card" content="summary_large_image">
활용하기
링크 클릭률을 높이는 썸네일 만들기
OG 이미지는 블로그 글이나 사이트 링크를 카카오톡·페이스북·X에 공유할 때 미리보기 카드에 뜨는 대표 이미지로, 제목·설명과 함께 첫인상과 클릭률(CTR)을 좌우합니다. 본 도구는 1200×630(약 1.91:1) 표준 규격에 맞춰 제목·부제·배경·로고를 배치하고, 별도 디자인 프로그램 없이 PNG로 바로 내려받아 og:image에 연결할 수 있게 해 줍니다.
다음으로 읽으면 좋은 글
CSS box-shadow 완벽 가이드: 문법부터 실전 예시까지
CSS box-shadow 문법, offset·blur·spread·inset 옵션, 레이어드 쉐도우까지 실무 예시와 함께 정리했습니다. 박스 쉐도우 생성기로 코드를 즉시 추출하세요.
17분 읽기자주 묻는 질문
OG 이미지란 무엇인가요?
OG(Open Graph) 이미지는 웹페이지 링크를 카카오톡·페이스북·X(트위터)·슬랙 등에 공유할 때 미리보기 카드에 표시되는 대표 이미지입니다. HTML <head>에 <meta property="og:image" content="..."> 태그로 지정하며, 클릭률(CTR)에 큰 영향을 줍니다.
OG 이미지 권장 크기는 얼마인가요?
1200×630px(약 1.91:1)이 표준이며 카카오톡·페이스북·X·링크드인·슬랙·디스코드 등 대부분의 플랫폼에서 안정적으로 표시됩니다. 파일 형식은 PNG 또는 JPEG, 용량은 1MB 이하를 권장합니다. 이 도구는 1200×630 PNG와 선택적 2배(2400×1260) 고해상도 출력을 제공합니다.
카카오톡에서 이미지가 잘리지 않게 하려면요?
카카오톡을 비롯한 일부 플랫폼은 카드 크기에 따라 이미지 가장자리를 잘라 표시할 수 있습니다. 제목·로고 등 핵심 요소는 이미지 중앙 80% 안전영역 안에 배치하는 것이 안전합니다. 이 도구는 편집 화면에 안전영역을 점선으로 표시해 잘림을 방지하도록 돕습니다.
만든 이미지를 어떻게 적용하나요?
다운로드한 PNG를 사이트에 업로드한 뒤, 도구 하단의 메타 태그 스니펫을 복사해 <head> 안에 붙여넣고 og:image의 URL을 실제 이미지 주소로 바꾸면 됩니다. 적용 후 카카오톡 개발자 도구나 페이스북 공유 디버거에서 미리보기를 갱신하세요.
이미지가 서버로 전송되나요?
아니요. 모든 이미지 생성·합성은 브라우저 안에서만 처리되며 업로드한 배경·로고 이미지는 서버로 전송되지 않습니다. 회원가입이나 워터마크 없이 무료로 사용할 수 있습니다.
관련
관련 도구
읽을거리