Open Graph
1200×630 · 1.91:1
022 · CONTENT IMAGE
블로그·오픈그래프이미지 제작기
네이버 블로그·Google 블로그·웹사이트·Open Graph 용 대표 이미지를 한 번에 만들어 다운로드하세요.
LOCAL브라우저에서 바로 처리
이미지·제목·설명·로고는 서버로 전송되지 않습니다.
WORKSPACE블로그·OG 이미지 작업장
배경 이미지 선택
이미지를 여기로 드래그하거나 버튼으로 선택하세요. 배경 없이 만들려면 아래 빈 디자인 시작을 선택할 수 있습니다.
JPG, PNG, WebP · 브라우저 로컬 처리HOW TO USE
사용 방법
- 01
배경 이미지를 선택하거나 빈 디자인을 시작합니다.
- 02
제목·설명·로고를 넣어 공통 대표 이미지를 만듭니다.
- 03
네이버 블로그·Google/Blogger·웹사이트·Open Graph 결과를 한눈에 확인하고 필요한 규격만 위치를 조정합니다.
- 04
원하는 이미지를 개별 다운로드하거나
ZIP으로 한 번에 저장합니다.
FORMAT GUIDE
대표 이미지 규격을 사용할 때 알아둘 점
공식값과 TOOLBOX 권장값을 구분하고, 실제 서비스에서 추가 crop·압축될 수 있다는 점까지 함께 확인합니다.Google / Blogger
1200×675 · 16:9 · TOOLBOX recommendation
Naver Blog
1200×675 · 16:9 · TOOLBOX recommendation
USE CASES
이럴 때 활용하세요
블로그 글 대표 이미지
네이버 블로그와 Blogger에 같은 콘텐츠를 올릴 때 한 번 만든 디자인을 규격별 결과로 재사용합니다.
회사 뉴스·공지 대표 이미지
회사 소식, 업데이트, 공지 글에 사용할 대표 이미지를 웹과 블로그 용도로 함께 만듭니다.
웹사이트 카드·공유 이미지
웹사이트 대표 카드와 Open Graph 공유 이미지가 같은 디자인 흐름을 유지하도록 만듭니다.
동시 운영 콘텐츠
네이버 블로그·Blogger·웹사이트를 함께 운영할 때 매번 이미지를 다시 만드는 반복 작업을 줄입니다.
EXPERT POST
블로그·웹 대표 이미지를 안정적으로 재사용하는 실전 기준
규격별 잘림, 텍스트 위치, 로고와 출력 결과 차이를 줄이는 핵심 기준입니다.한 디자인을 여러 규격에 재사용하는 기준
공통 디자인 상태에는 배경, 제목·설명 내용, 기본 색상과 로고를 두고, 규격마다 달라져야 하는 crop·위치·크기만 override로 관리하면 반복 수정이 줄어듭니다.
비율 차이는 늘리기가 아니라 crop으로 해결
1.91:1과 16:9처럼 비율이 다른 결과를 단순 stretch하면 인물과 로고가 찌그러질 수 있습니다. 원본 비율을 유지한 cover crop과 위치 조정으로 차이를 흡수하는 편이 안정적입니다.
미리보기와 실제 출력의 좌표를 하나로 유지
화면용 CSS 미리보기와 Canvas 출력이 서로 다른 계산을 사용하면 제목·로고 위치가 저장 결과에서 달라질 수 있습니다. 같은 layout model을 축소해 보여주고 실제 출력에서도 그대로 사용해야 합니다.
공식값과 권장값을 분리해 표시
Open Graph 1200×630처럼 프로젝트 핵심 preset과 Naver/Blogger용 TOOLBOX 권장 preset을 같은 의미로 표시하지 않으면 사용자가 플랫폼 요구사항을 오해하는 일을 줄일 수 있습니다.
모바일에서는 현재 규격 편집에 집중
작은 화면에서 모든 규격과 설정을 동시에 펼치면 작업이 길어집니다. 현재 preset preview를 먼저 보여주고 필요한 설정을 한 열로 정리하면 crop과 텍스트 위치 조정이 쉬워집니다.
IMPORTANT NOTES
주의사항
플랫폼별 권장값과 실제 표시 차이를 구분해 대표 이미지가 예상과 다르게 잘리거나 압축되는 일을 줄이세요.- 네이버 블로그와 Blogger는 하나의 고정 대표 이미지 픽셀 규격을 공식 필수값처럼 표시하지 않습니다.
- Open Graph 1200×630은 핵심 기본 preset이지만 실제 소비 서비스에서 추가 crop·압축될 수 있습니다.
- Google Discover 노출은 이미지 규격만으로 보장되지 않습니다.
- Google Discover의 1200px 이상 폭·16:9 가이드는 Blogger 자체의 고정 업로드 규격이 아닙니다.
- 타인의 이미지·로고 사용 권리는 사용자가 확인해야 합니다.
FAQ
자주 묻는 질문
01Open Graph 이미지는 왜 1200×630인가요?+
프로젝트에서 확정한 핵심 기본 규격이며 링크 공유용 고해상도 대표 이미지에 널리 쓰이는 권장 크기입니다.
02네이버 블로그 대표 이미지 공식 크기는 얼마인가요?+
노출 위치에 따라 표시 방식이 달라질 수 있어 하나의 고정 픽셀값을 공식 필수 규격처럼 표시하지 않습니다. TOOLBOX 권장 preset을 제공합니다.
03Google 블로그 이미지는 1200×630이 공식 규격인가요?+
아닙니다. Blogger의 단일 고정 대표 이미지 규격으로 표현하지 않습니다. TOOLBOX는 1200px 이상 폭과 16:9 활용을 참고한 권장 preset을 제공합니다.
04이미지가 서버로 올라가나요?+
아니요. 지원되는 작업은 현재 브라우저 안에서 처리합니다.
05OG 메타태그 코드도 만들어 주나요?+
아닙니다. 이 도구는 이미지 파일 제작용이며 Open Graph 태그 코드는 별도 도구의 역할입니다.
이미지·제목·설명·로고는 서버로 전송되지 않으며 현재 브라우저에서만 처리됩니다.