블로그·오픈그래프 이미지, 1200×630 규격을 알아두면 좋은 이유

블로그 글이나 웹페이지를 공유했을 때 링크와 함께 표시되는 대표 이미지는 화면 안에서 보기 좋은 것만으로 충분하지 않습니다. 같은 이미지를 블로그 본문, 검색 결과, 메신저 링크 미리보기, 소셜 공유에 재사용하려면 어떤 비율을 기준으로 만들지, 중요한 문구와 로고를 어디에 둘지, 다른 규격으로 바뀌어도 핵심이 남는지를 함께 봐야 합니다.

블로그·오픈그래프 이미지 제작기는 하나의 배경과 제목·설명·로고를 기준으로 Open Graph 대표 이미지와 블로그용 대표 이미지 규격을 만들 수 있도록 구성했습니다. 공통 디자인을 먼저 만든 뒤 규격마다 달라지는 배경 잘림과 제목·로고 위치만 따로 조정할 수 있어 같은 콘텐츠의 대표 이미지를 여러 용도에 재사용하기 편합니다.

1200×630은 Open Graph 대표 이미지의 핵심 기준입니다

Open Graph용 대표 이미지에서는 1200×630, 약 1.91:1 비율이 널리 사용되는 기준입니다. 웹페이지가 SNS나 메신저에서 공유될 때 링크 미리보기 이미지로 활용하기 좋은 가로형 규격이기 때문입니다.

다만 이 규격 하나가 모든 블로그와 플랫폼에서 그대로 보인다는 뜻은 아닙니다. 실제 서비스에서는 자체 화면에 맞춰 일부를 잘라 보이게 하거나 압축할 수 있으므로, 중요한 제목이나 로고를 이미지 가장자리 가까이에 두지 않는 편이 좋습니다.

대표 이미지 용도	도구의 기준 규격	해석할 때 주의할 점
Open Graph	1200×630 · 약 1.91:1	공유 서비스에서 추가로 잘리거나 압축될 수 있음
Google/Blogger용 대표 이미지	1200×675 · 16:9 권장 프리셋	고정 업로드 규격이라기보다 재사용을 위한 실용 기준
Naver Blog용 대표 이미지	1200×675 · 16:9 권장 프리셋	서비스 화면에 따라 보이는 영역이 달라질 수 있음

공식 기준과 작업용 권장값은 구분해서 봐야 합니다

Open Graph 1200×630처럼 대표적으로 사용하는 규격과, 블로그 재사용을 편하게 하기 위해 준비된 권장 프리셋을 같은 의미로 보면 안 됩니다. 플랫폼마다 실제 표시 방식은 바뀔 수 있고, 블로그 서비스가 단 하나의 픽셀 규격만 강제하는 것도 아닐 수 있습니다.

그래서 이 도구의 블로그용 프리셋은 “이 크기만 가능하다”는 의미보다 여러 환경에서 대표 이미지를 재사용하기 편하도록 만든 작업 기준으로 이해하는 것이 좋습니다.

비율이 다르면 이미지를 늘이지 말고 잘림을 조절하세요

1200×630과 1200×675는 가로 길이가 같아 보여도 비율이 다릅니다. 하나의 이미지를 다른 규격에 맞춘다고 가로나 세로로 억지로 늘이면 사람 얼굴이나 로고가 찌그러질 수 있습니다.

대신 원본 비율을 유지하면서 필요한 부분을 잘라 맞추고, 피사체가 잘리는 경우에는 배경 위치를 옮기거나 확대 정도를 조절하는 편이 자연스럽습니다.

한 디자인을 여러 규격에 재사용하려면 공통 요소부터 정하세요

배경, 제목 문구, 설명, 기본 색상, 로고는 모든 규격에서 같은 디자인 언어를 유지하는 것이 좋습니다. 같은 글을 공유하는데 대표 이미지마다 글꼴이나 색상이 달라지면 하나의 콘텐츠라는 인상이 약해질 수 있기 때문입니다.

먼저 공통 디자인을 만든 뒤 각 규격에서 달라져야 하는 배경 위치, 제목·설명 위치, 글자 크기, 로고 위치만 별도로 보정하면 반복 수정이 줄어듭니다.

제목과 로고는 잘려도 되는 영역에 두지 마세요

배경 사진은 일부가 잘려도 큰 문제가 없을 수 있지만 제목과 로고는 다릅니다. 공유 화면에서 제목 끝부분이나 로고가 잘리면 대표 이미지의 의미 자체가 달라질 수 있습니다.

중요한 문구와 로고는 중앙에 가까운 안정적인 영역에 두고, 배경 사진이나 장식 요소는 외곽까지 활용하는 방식이 여러 규격에 대응하기 좋습니다.

배경 피사체도 모든 규격에서 같은 위치에 남지 않습니다

가로로 긴 Open Graph 이미지에서는 잘 보이던 인물이 16:9 규격에서는 조금 다른 범위로 보일 수 있습니다. 반대로 16:9에 맞춘 상품 사진을 1.91:1로 바꾸면 위아래 부분이 더 줄어들 수 있습니다.

그래서 각 규격 미리보기에서 얼굴, 상품, 건물처럼 핵심 피사체가 어느 위치에 남는지 확인하고 필요한 규격만 배경 위치와 확대를 따로 조정하는 것이 좋습니다.

제목과 설명은 짧고 명확하게 나누는 편이 좋습니다

대표 이미지는 본문을 대신하는 공간이 아니라 링크를 눌러 볼 이유를 빠르게 전달하는 이미지에 가깝습니다. 제목에 너무 많은 내용을 넣으면 작은 공유 카드에서 읽기 어려워질 수 있습니다.

핵심 주제는 제목으로 짧게 두고, 날짜나 조건처럼 보조 정보가 필요할 때 설명을 추가하는 방식이 편합니다. 규격마다 화면 비율이 달라질 수 있으므로 긴 문구는 각 미리보기에서 줄바꿈과 위치를 확인하세요.

배경이 복잡하면 오버레이를 활용할 수 있습니다

사진이 밝거나 무늬가 복잡하면 제목이 묻힐 수 있습니다. 이런 경우 배경 위에 반투명 색상을 덮는 오버레이를 사용하면 글자와 배경의 대비를 높일 수 있습니다.

오버레이를 너무 강하게 적용하면 사진 자체의 분위기가 사라질 수 있으므로 글자가 읽히는 정도까지만 조절하는 편이 좋습니다.

로고는 규격마다 크기와 위치를 확인하세요

하나의 규격에서 적당한 로고가 다른 비율에서는 제목과 가까워지거나 화면 가장자리로 밀릴 수 있습니다. 공통 로고를 사용하더라도 규격별 미리보기에서 제목과 겹치지 않는지 확인해야 합니다.

로고는 크게 보여주는 것보다 작은 카드에서도 식별되고 제목과 경쟁하지 않는 크기를 찾는 것이 중요합니다.

미리보기와 실제 저장 결과가 같은 기준으로 보여야 합니다

대표 이미지 제작에서는 작업 화면에서 잘 맞았는데 저장한 파일에서 제목이나 로고 위치가 달라지면 곤란합니다. 이 도구는 미리보기와 출력 결과를 같은 배치 기준으로 처리해 화면에서 본 위치를 그대로 확인할 수 있도록 구성했습니다.

그래도 저장 전에는 각 규격의 미리보기를 한 번 더 확인하고 실제 결과 크기와 파일 형식을 함께 확인하는 것이 좋습니다.

JPG와 PNG는 이미지 성격에 따라 선택하세요

사진이 중심인 대표 이미지는 JPG가 파일 크기를 줄이기 쉬운 편입니다. 반대로 단색 그래픽이나 로고, 글자 경계가 중요한 이미지라면 PNG가 유리할 수 있습니다.

PNG는 사진이 많은 이미지에서 용량이 크게 늘 수 있으므로 최종 결과 용량을 확인하고 선택하세요. 같은 규격이라도 파일 형식과 품질에 따라 실제 용량은 크게 달라질 수 있습니다.

대표 이미지만 맞춘다고 검색 노출이 보장되는 것은 아닙니다

대표 이미지의 가로 길이와 비율은 링크 미리보기나 콘텐츠 표시 품질에 영향을 줄 수 있지만, 특정 검색 서비스나 추천 영역에 노출되는 것을 이미지 크기 하나만으로 보장할 수는 없습니다.

이미지 규격은 콘텐츠의 한 요소로 보고, 제목·본문 품질·페이지 구성과 함께 준비하는 것이 좋습니다. 특히 서비스별 최신 노출 기준은 변경될 수 있으므로 실제 업로드 시점에는 해당 서비스의 안내도 함께 확인하세요.

여러 규격을 만들 때는 이 순서가 편합니다

• 배경, 제목, 설명, 로고로 공통 디자인을 먼저 만듭니다.
• Open Graph 1200×630 결과에서 핵심 피사체와 문구 위치를 확인합니다.
• 블로그용 16:9 규격으로 바꿔 잘림이 달라지는 부분을 확인합니다.
• 어색한 규격만 배경 크롭과 제목·로고 위치를 따로 조정합니다.
• 마지막으로 JPG·PNG 형식과 실제 결과 용량을 확인한 뒤 필요한 결과를 저장합니다.

핵심 정리

1200×630 규격을 알아두면 Open Graph 대표 이미지를 만들 때 기준점을 잡기 쉽습니다. 하지만 이 숫자를 모든 블로그와 공유 화면에 그대로 적용되는 절대 규격으로 생각하기보다 대표 이미지를 여러 환경에 재사용하기 위한 핵심 기준 중 하나로 이해하는 것이 좋습니다.

하나의 공통 디자인을 만든 뒤 1.91:1과 16:9처럼 비율이 달라지는 규격에서 배경 잘림과 제목·로고 위치만 따로 보정하면, 같은 콘텐츠의 대표 이미지를 보다 일관되게 준비할 수 있습니다.

직접 확인하기

블로그·오픈그래프 이미지 제작기에서 Open Graph와 블로그용 대표 이미지 규격을 비교하고 배경·제목·로고 위치를 직접 조절해 볼 수 있습니다.