브라우저에서 1200 x 630 Open Graph 이미지를 만드세요. 제목과 부제목, 브랜드 색상, 로고를 넣고 PNG를 다운로드한 뒤 Facebook, LinkedIn, X 공유 카드를 미리 보고 메타 태그를 복사할 수 있습니다. 무료입니다.
Open Graph 이미지 생성기 및 미리보기
누군가 내 링크를 공유할 때 표시되는 이미지를 디자인하세요. 제목과 부제목을 입력하고 색상과 레이아웃을 선택한 뒤 로고를 추가하고 1200 x 630 PNG를 다운로드할 수 있습니다. Facebook, LinkedIn, X에서 공유 카드가 어떻게 보이는지 확인하고 페이지에 넣을 메타 태그를 복사하세요. 모든 기능은 브라우저에서 실행됩니다. 입력하거나 업로드한 내용은 We.Inc나 다른 곳으로 전송되지 않습니다.
제목과 선택 사항인 부제목, 사이트 이름을 입력하세요. 긴 제목은 최대 세 줄로 나뉩니다.
레이아웃과 배경색, 텍스트 색상을 선택하거나 색상 프리셋을 고르세요.
선택 사항으로 로고(PNG, JPG, SVG, WebP)를 업로드하세요. 로고는 모서리에 표시되며 기기 밖으로 전송되지 않습니다.
PNG 다운로드를 눌러 1200 x 630 이미지를 저장하세요. Facebook, LinkedIn, X에서 큰 링크 미리보기에 사용하는 크기입니다.
이미지를 사이트에 업로드하고 전체 URL을 이미지 URL 입력란에 붙여 넣은 뒤 생성된 메타 태그를 페이지의 head에 복사하세요.
제목은 약 60자 이내로 짧게 쓰고 휴대전화의 작은 공유 카드에서도 읽기 좋은 크기로 표시하세요.
텍스트 주변에 여백을 두세요. 일부 앱은 가장자리를 자르거나 이미지를 정사각형으로 표시합니다.
텍스트와 배경의 대비를 높이세요. 색상 대비 검사기로 확인할 수 있습니다.
게시 후에도 소셜 앱은 이전 이미지를 캐시합니다. Facebook Sharing Debugger와 LinkedIn Post Inspector에서 새로고침할 수 있습니다.
중요한 페이지마다 고유한 이미지를 사용하세요. 일반적인 로고 카드보다 페이지 이름을 담은 이미지에서 클릭이 더 많이 발생합니다.
자주 묻는 질문
Open Graph 이미지는 어떤 크기로 만들어야 하나요?
Facebook, LinkedIn, X의 큰 카드에 표준으로 사용되는 1200 x 630픽셀(비율 1.91:1)을 권장합니다. 이 생성기는 항상 이 크기로 내보냅니다.
이 OG 이미지 생성기는 무료인가요?
네. 가입이나 워터마크가 없습니다. 이미지는 브라우저의 캔버스에서 만들어져 기기로 바로 다운로드됩니다.
로고가 다른 곳에 업로드되나요?
아니요. 브라우저가 로고를 읽어 이미지에 직접 그립니다. We.Inc로 전송되지 않습니다.
웹사이트에 이미지를 어떻게 추가하나요?
PNG를 사이트에 업로드해 공개 URL을 만든 다음 <meta property="og:image" content="that URL">와 twitter:image 태그를 페이지의 head에 추가하세요. 도구에 URL을 붙여 넣으면 태그를 작성해 드립니다.
링크를 공유할 때 이전 이미지가 계속 보이는 이유는 무엇인가요?
소셜 네트워크는 미리보기를 캐시합니다. Facebook Sharing Debugger 또는 LinkedIn Post Inspector에서 URL을 다시 스크랩하거나 캐시가 만료될 때까지 기다리세요.
실제 운영 중인 페이지에서 태그를 가져올 수 있나요?
아니요. 브라우저는 한 사이트가 다른 사이트를 읽지 못하게 합니다. 제목과 설명, 이미지 URL을 직접 입력하면 도구가 표시 결과를 보여 줍니다.
Open Graph 이미지의 역할
Facebook, LinkedIn, X, Slack, 메시지 앱에 링크를 붙여 넣으면 앱이 페이지의 Open Graph 태그를 읽어 이미지와 제목, 짧은 설명이 있는 카드를 표시합니다. 이미지가 카드에서 가장 큰 영역을 차지하므로 사람들이 링크를 알아차릴지 결정합니다.
og:image 태그가 없으면 앱에서 사진을 표시하지 않거나 페이지에서 임의로 선택합니다. 페이지 제목과 브랜드가 담긴 단순한 이미지로도 의도에 맞게 보일 수 있습니다.
좋은 OG 이미지 작성의 세 가지 원칙
큰 글씨로 페이지 내용을 몇 단어로 설명하세요. 여러 공유 카드에서 브랜드를 알아볼 수 있도록 브랜드 색상을 사용하세요. 일부 앱은 이미지를 정사각형으로 자르거나 모서리를 둥글게 표시하므로 중요한 내용은 가장자리에서 떨어뜨리세요.
We.Inc 사이트에서 사용하기
We.Inc로 만든 사이트에서는 SEO 패널에서 페이지 제목과 설명, 공유 이미지를 설정할 수 있으며 태그는 자동으로 작성됩니다. 이 도구는 모든 사이트에서 사용할 수 있고 공유 이미지 자체를 만들 때도 유용합니다.