OG 이미지 생성기
이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
설정
정렬
글자 색
#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">
제목·부제·배경·로고를 입력하면 1200×630 오픈그래프(OG) 이미지를 즉시 만들어 PNG로 다운로드합니다. 카카오톡·페이스북·X 링크 카드 미리보기와 메타 태그 스니펫 제공.
활용하기
링크 클릭률을 높이는 썸네일 만들기
OG 이미지는 블로그 글이나 사이트 링크를 카카오톡·페이스북·X에 공유할 때 미리보기 카드에 뜨는 대표 이미지로, 제목·설명과 함께 첫인상과 클릭률(CTR)을 좌우합니다. 본 도구는 1200×630(약 1.91:1) 표준 규격에 맞춰 제목·부제·배경·로고를 배치하고, 별도 디자인 프로그램 없이 PNG로 바로 내려받아 og:image에 연결할 수 있게 해 줍니다.
자주 묻는 질문
OG 이미지란 무엇인가요?
OG 이미지 권장 크기는 얼마인가요?
카카오톡에서 이미지가 잘리지 않게 하려면요?
만든 이미지를 어떻게 적용하나요?
이미지가 서버로 전송되나요?
CSS box-shadow 완벽 가이드: 문법부터 실전 예시까지
CSS box-shadow 문법, offset·blur·spread·inset 옵션, 레이어드 쉐도우까지 실무 예시와 함께 정리했습니다. 박스 쉐도우 생성기로 코드를 즉시 추출하세요.
17분 읽기관련
관련 도구
CSS 박스 쉐도우 생성기
슬라이더로 그림자 위치·흐림·크기·색상을 조절하면 box-shadow CSS 코드를 즉시 생성합니다.
Favicon 생성기
텍스트나 이모지를 입력하면 16·32·180·192px PNG Favicon을 즉시 생성하고 다운로드합니다.
이미지 리사이저
이미지 크기와 용량을 브라우저에서 바로 줄입니다. 비율 고정·SNS 사전 설정·WebP/PNG/JPG 출력 지원.
AI 영상 모션 비주얼라이저
AI 영상 도구에 지시할 때 쓰는 카메라 무빙·이징·모션 타이포·전환·룩 용어를 움직이는 데모로 확인하고 프롬프트를 조합해 복사합니다.
읽을거리