웹사이트 링크를 메신저나 SNS에 공유할 때 표시되는 미리보기 카드는 클릭률을 결정짓는 핵심 요소입니다.
웹 마케팅 표준
SNS 썸네일 규격별 최적 해상도와 오픈그래프 이미지
카카오톡, 페이스북, 트위터, 인스타그램 링크 공유 시 썸네일이 잘리거나 흐려지지 않도록 하는 오픈그래프(OG) 이미지 규격과 최적 압축 가이드입니다.
imageconv 기술 연구팀· Social Media & Open Graph Specialist
발행 2026-08-29
읽는 시간 5분
목차 바로가기
핵심 스펙 및 성능 비교 매트릭스
| 플랫폼 | 권장 해상도 | 화면 비율 | 최대 허용 용량 |
|---|---|---|---|
| 오픈그래프 공통 | 1200 x 630 px | 1.91 : 1 | 최대 8MB 권장 300KB 이하 |
| 카카오톡 링크 미리보기 | 1200 x 630 px 또는 800 x 800 px | 1.91 : 1 및 1 : 1 | 권장 500KB 이하 |
| X Large Card | 1200 x 628 px | 1.91 : 1 | 최대 5MB |
| 인스타그램 피드 | 1080 x 1080 px 또는 1080 x 1350 px | 1:1 및 4:5 | 최대 30MB |
온디맨드 브라우저 무료 변환
웹사이트 이미지를 WebP로 지금 즉시 변환해 보세요
설치나 회원가입 없이 브라우저 메모리 안에서 용량을 70% 줄이고 구글 코어 웹 바이탈을 개선할 수 있습니다.
자주 묻는 질문과 답변
og:image에 WebP 포맷을 사용해도 모든 SNS에서 정상 표시되나요?
대부분의 최신 플랫폼 봇은 WebP를 지원하지만, 일부 구형 메신저 봇과의 완벽한 호환성을 위해 OG 메타태그만큼은 JPG 형식을 우선 배치하는 것이 가장 안전합니다.
관련 키워드 태그
오픈그래프 썸네일카카오톡 링크 이미지SNS 최적 해상도og:image 규격1200x630 비율
함께 읽으면 좋은 연관 칼럼
반응형 이미지 srcset sizes 속성과 최적 해상도 지정
모바일, 태블릿, 데스크톱 등 디바이스 뷰포트와 DPR(디바이스 픽셀 비율)에 맞춰 최적 규격 이미지를 서빙하는 반응형 마크업 표준을 정리합니다.
CLS 레이아웃 이동 방지와 이미지 종횡비 고정 기법
이미지 다운로드 전 레이아웃이 덜컥거리는 CLS(Cumulative Layout Shift) 문제를 CSS aspect-ratio 및 너비/높이 속성으로 완벽히 해결하는 가이드입니다.
이미지 SEO 구글 검색 순위 노출을 위한 Alt 태그 작성법
구글 이미지 검색 상위 노출과 시각장애인 웹 접근성을 동시에 만족시키는 Alt 텍스트 작성 원칙과 ImageObject JSON-LD 스키마 마크업을 다룹니다.