OG 이미지 생성기

언제 사용하나요?

블로그 글, 서비스 페이지, 공지사항 링크를 공유할 때 표시될 대표 이미지를 빠르게 만들어야 할 때 사용합니다.

사용 방법

• 제목과 부제를 입력합니다.
• 배경색과 포인트 색상을 선택합니다.
• 1200×630 PNG 이미지를 생성합니다.

입력값 안내

OG 이미지에 들어갈 제목, 부제, 배경 색상, 포인트 색상을 입력합니다.

계산·변환 기준

Open Graph 권장 비율인 1200×630 Canvas에 배경, 포인트 영역, 제목, 부제를 렌더링해 PNG로 저장합니다.

사용 예시

• 링크 공유 이미지 제작 - SNS와 메신저 미리보기에 쓸 OG 이미지를 만듭니다.
• 블로그 대표 이미지 - 글 제목과 요약 문구를 입력해 블로그 포스트의 대표 이미지를 빠르게 제작합니다.
• 카카오톡·슬랙 미리보기 준비 - 링크 공유 시 나타나는 미리보기 이미지를 사전에 만들어 og:image에 적용합니다.

예시

• 새 블로그 글 제목과 요약 문구로 공유용 대표 이미지 생성
• 공지사항 제목으로 카카오톡 공유용 미리보기 이미지 제작
• 제품 출시 뉴스레터 → 제목+부제목+로고 입력으로 1200×630 OG 이미지 즉시 생성
• YouTube 커버 이미지 → 텍스트와 배경색 조합으로 채널 썸네일 제작
• 이벤트 공지 → 날짜·장소·주제 텍스트를 템플릿에 입력해 SNS 공유 카드 생성
• 포트폴리오 사이트 og:image → 사이트 이름+슬로건으로 링크 미리보기 이미지 생성

주의사항

• 브라우저 캔버스를 이용해 이미지를 처리하므로 원본 메타데이터(EXIF)가 손실되거나 투명 영역 색상이 변할 수 있습니다.
• 브라우저 환경의 이미지 디코딩 용량 한계로 인해, 지나치게 해상도가 높은 대용량 원본 파일의 변환은 실패할 수 있습니다.

자주 묻는 질문

크기는 고정인가요?

네, 일반적인 OG 이미지 권장 크기인 1200×630으로 생성합니다.

제목이 길면 어떻게 되나요?

긴 제목은 자동으로 줄바꿈되거나 크기가 조정되어 1200×630 영역 안에 들어가도록 배치됩니다.

배경 색이나 스타일을 바꿀 수 있나요?

제목·부제 텍스트와 배경 색상을 지정해 글에 어울리는 대표 이미지를 만들 수 있습니다.

만든 이미지는 어디에 쓰나요?

블로그·웹페이지의 og:image 메타 태그에 넣으면 카카오톡·페이스북 등에서 공유할 때 표시되는 미리보기 이미지로 쓰입니다.

관련 도구

• 썸네일 생성기 - 텍스트와 배경색으로 간단한 1280×720 썸네일 이미지를 만듭니다.
• 단색 이미지 생성기 - 색상과 크기를 입력해 단색 PNG 이미지를 생성합니다.
• 그라데이션 이미지 생성기 - 두 색상과 방향을 선택해 그라데이션 PNG 이미지를 생성합니다.
• SVG 배경 패턴 생성기 - 점, 줄무늬, 격자 등 반복 배경 패턴을 SVG 코드로 생성해 웹페이지 배경에 바로 사용합니다.
• 이미지 리사이즈 - 여러 이미지를 서버 업로드 없이 브라우저에서 비율을 유지하며 리사이즈합니다. JPEG·PNG·WebP 등을 지원하며 최대 가로·세로 픽셀을 지정하면 해상도가 일괄 축소됩니다.
• 이미지 크롭 - 픽셀 좌표를 입력해 이미지의 필요한 영역만 브라우저에서 잘라냅니다.