본문으로 건너뛰기
EVOA Toolbox

OG 이미지 생성기

제목, 로고, 배경으로 1200x630 소셜 공유 이미지를 디자인하고 PNG로 다운로드하세요. 모든 작업이 브라우저에서 실행됩니다.

브라우저에서 로컬로 처리됩니다. 파일은 업로드되지 않습니다.

도구를 불러오는 중…

도구 소개

Open Graph 이미지는 링크를 소셜 네트워크, 메신저 앱, 검색 미리보기에서 공유할 때 표시되는 이미지입니다. 이 도구는 제목, 부제목, 선택 사항인 로고, 원하는 배경으로 대부분의 플랫폼이 권장하는 1200x630 PNG를 만들어 줍니다. 배경은 단색, 각도를 조절할 수 있는 2색 그라데이션, 또는 글자를 읽기 쉽도록 어둡게 처리하는 오버레이를 적용한 직접 올린 사진 중에서 고를 수 있습니다.

텍스트는 자동으로 줄바꿈되며 제목이 길면 레이아웃에 맞게 크기가 줄어들기 때문에 줄바꿈을 직접 조정할 필요가 없습니다. 중국어나 일본어처럼 띄어쓰기가 없는 문자도 글자 사이에서 줄바꿈되고, 오른쪽에서 왼쪽으로 쓰는 텍스트도 올바른 방향으로 그려집니다. 시스템 기본 글꼴 목록에서 글꼴, 크기, 굵기, 색상, 줄 간격을 조절할 수 있습니다.

시작용 템플릿이 6개 제공됩니다. 이미지는 브라우저의 캔버스에 그려지며 업로드되지 않습니다.

사용 방법

  1. 1시작점으로 사용할 템플릿을 선택하거나 기본 템플릿으로 시작하세요.
  2. 2제목과 부제목을 입력하세요. 정렬, 글꼴, 크기, 색상을 조정하세요.
  3. 3배경(단색, 그라데이션, 업로드한 이미지)을 선택하세요. 사진을 사용할 때는 글자가 잘 읽힐 때까지 오버레이를 높이세요.
  4. 4원한다면 로고를 추가하고 어느 모서리에 둘지 선택하세요.
  5. 5PNG를 다운로드하고 og:image 메타 태그로 페이지에서 참조하세요.

지원 형식

입력: 로고 및 배경용 PNG, JPG, WebP, SVG. 출력: 1200x630 PNG.

프라이버시

이 도구는 브라우저에서 실행됩니다. 입력하신 데이터는 사용자의 기기에서 처리되며 당사 서버로 전송되지 않습니다.

제한 사항

  • 보는 사람의 기기에 설치된 글꼴(시스템 기본 글꼴 목록)만 사용할 수 있으므로, 같은 디자인이라도 다른 운영체제에서는 조금 다르게 보일 수 있습니다. PNG를 다운로드하면 결과가 고정됩니다.
  • 아주 긴 제목은 최소 크기까지 줄어든 뒤 넘치지 않도록 말줄임표로 잘립니다.
  • 이모지와 드문 문자는 기기에 설치된 글꼴에 따라 달라집니다.
  • 플랫폼마다 이미지를 다르게 자르거나 캐시할 수 있으므로 중요한 내용은 가장자리에서 떨어뜨려 두세요(레이아웃에는 이미 72px 여백이 있습니다).

FAQ

Open Graph 이미지의 크기는 어느 정도여야 하나요?

1200x630픽셀(약 1.91:1)이면 Facebook, LinkedIn, Slack, Discord에서 사용할 수 있고 큰 Twitter/X 카드로도 쓸 수 있습니다. 용량은 대략 5MB 이하로 유지하세요. 이 도구가 만드는 PNG는 보통 훨씬 작습니다.

사이트에서 이미지를 어떻게 사용하나요?

이미지를 사이트에 업로드한 뒤 페이지 head에 <meta property="og:image" content="https://example.com/og.png">와 twitter:card 메타 태그(summary_large_image)를 추가하세요. 절대 URL을 사용해야 합니다.

어떤 템플릿을 사용할 수 있나요?

미드나이트, 데이라이트, 오로라, 선셋, 에디토리얼, 터미널을 사용할 수 있습니다. 컨트롤만으로도 원하는 스타일을 직접 만들 수 있습니다.

중국어, 일본어, 아랍어 텍스트도 지원하나요?

기기에 해당 문자의 글꼴이 있다면 지원합니다. CJK 텍스트는 글자 사이에서 줄바꿈되고, 아랍어/히브리어 텍스트는 오른쪽에서 왼쪽으로 표시됩니다.

관련 도구