이미지 파일, 이미지 URL 또는 생성 코드를 입력하고 카카오톡, Facebook, X, Threads, LinkedIn, 네이버 블로그, Notion의 링크 카드 형태를 한 화면에서 비교하세요. 플랫폼별 이미지 크롭과 제목·설명 노출 형태를 배포 전에 확인할 수 있으며, 모든 처리는 브라우저 안에서 이루어집니다.
첨부한 이미지와 입력한 내용은 서버로 전송되거나 저장되지 않습니다. 모든 미리보기는 브라우저에서 처리됩니다.
플랫폼별 미리보기는 대표적인 링크 카드 형태를 기준으로 한 시뮬레이션입니다. 실제 노출 결과는 앱 버전, 기기 및 캐시 상태에 따라 달라질 수 있습니다.
플랫폼별 미리보기는 대표적인 링크 카드 형태를 기준으로 한 시뮬레이션입니다. 실제 노출 결과는 앱 버전, 기기 및 캐시 상태에 따라 달라질 수 있습니다.
같은 URL을 공유해도 카카오톡, X, LinkedIn, 네이버 블로그, Notion에서 보이는 모습은 제각각입니다. 이미지 비율이 다르고, 제목을 몇 줄까지 보여줄지가 다르고, 설명을 아예 한 줄만 남기거나 이미지를 오른쪽 작은 썸네일로 밀어 넣기도 합니다. 그래서 한 곳에서 예쁘게 보이도록 맞춘 OG 태그가 다른 곳에서는 제목이 중간에 잘려 의미가 깨지는 일이 흔합니다.
이 도구는 제목·설명·이미지·도메인을 넣고 플랫폼을 바꿔 가며 그 차이를 눈으로 비교하기 위한 것입니다. 실제 배포 전에 어느 플랫폼에서 무엇이 잘리는지 확인하면, 가장 빡빡한 곳을 기준으로 카피를 다듬을 수 있습니다.
이미지는 1200×630(1.91:1)이 가장 무난합니다. X는 2:1에 가깝게, 네이버 블로그는 정사각형에 가깝게 잘라 쓰므로, 중요한 텍스트나 로고는 이미지 가장자리가 아니라 가운데 안전 영역에 두어야 어느 쪽으로 잘려도 살아남습니다.
제목은 대체로 두 줄까지 보이지만 카드 폭이 좁은 곳에서는 40자 안팎에서 끊깁니다. 설명은 X·Threads·LinkedIn처럼 한 줄만 보이는 곳이 있어, 첫 문장에 핵심을 담고 뒤에 부연을 붙이는 순서가 안전합니다. 앞부분에 브랜드명을 반복해서 넣으면 정작 내용이 잘려 나갑니다.
이 도구는 각 플랫폼의 레이아웃 규칙을 재현한 시뮬레이션입니다. 실제 카드는 플랫폼이 URL을 크롤링해 만들기 때문에, 태그를 고쳤는데도 예전 이미지가 계속 뜨는 일이 자주 생깁니다. 대부분 플랫폼이 OG 정보를 캐시하기 때문입니다.
이럴 때는 각 플랫폼의 디버거(페이스북 공유 디버거, X 카드 밸리데이터, 카카오 개발자 도구 등)에서 캐시를 갱신해야 합니다. 또한 로그인이 필요한 페이지나 robots.txt로 크롤러를 막은 페이지는 아예 카드가 생성되지 않습니다.
브랜드명을 앞에 두면 잘렸을 때 남는 것이 브랜드명뿐입니다. 페이지 내용을 앞에, 브랜드명을 뒤에 두는 순서가 더 안전합니다.
로고를 모서리에 배치했다면 한쪽 플랫폼에서는 사라집니다. 중요한 요소는 중앙 60% 안에 두세요.
두 번째 문장에 핵심 정보를 두면 주요 플랫폼에서 아예 보이지 않습니다.
이 도구가 무엇인지, 누구에게·어떻게·왜 필요한지 한눈에 정리했습니다.
OG 미리보기 테스트는 이미지와 메타 텍스트가 주요 플랫폼의 링크 카드에서 어떻게 보이는지 시뮬레이션하는 도구입니다.
웹페이지, 콘텐츠, 캠페인 또는 프로덕트의 공유 이미지를 검수하는 PM, 디자이너와 개발자를 위한 도구입니다.
이미지 파일, 이미지 URL 또는 SVG·HTML/CSS 코드를 입력하고 제목과 설명을 추가하면 플랫폼별 프리뷰를 생성합니다.
페이지를 배포하기 전에 이미지 크롭, 해상도, 제목과 설명의 잘림 가능성을 확인할 수 있습니다.