Visual Image Utility Suite

네이버 블로그·티스토리·인스타그램·쇼핑몰 이미지 권장 규격 총정리

작성: BrowserPics 운영팀 · 2026년 7월 2일 게시

같은 사진이라도 네이버 블로그에 올릴 때, 인스타그램에 올릴 때, 쇼핑몰 상세 페이지에 올릴 때 각각 알맞은 크기가 다릅니다. 규격을 무시하고 올리면 플랫폼이 알아서 줄이거나 자르는데, 이 과정에서 화질이 떨어지고 썸네일이 어색하게 잘리는 일이 생깁니다. 이 글에서는 자주 쓰는 플랫폼별 권장 해상도와 비율을 정리하고, 규격에 맞추는 작업 순서를 안내합니다. 다만 플랫폼 정책은 수시로 바뀌므로, 여기 적힌 값은 일반적으로 알려진 권장값으로 참고하고 실제 업로드 화면의 안내를 함께 확인하는 것이 안전합니다.

1. 플랫폼마다 규격이 다른 이유 — 자동 리사이즈와 재압축

대부분의 플랫폼은 서버 비용과 로딩 속도를 관리하기 위해 업로드된 이미지를 자체 규격으로 다시 만듭니다. 이때 두 가지 일이 벌어집니다.

• 자동 리사이즈: 본문 폭이나 정해진 최대 해상도보다 큰 이미지는 강제로 축소됩니다. 축소 자체는 큰 문제가 아니지만, 플랫폼의 축소 알고리즘이 항상 좋은 결과를 내는 것은 아니어서 글자나 얇은 선이 뭉개질 수 있습니다.
• 재압축: 원본이 아무리 고화질이어도 플랫폼이 JPEG 등으로 다시 압축하면서 압축 흔적(블록 노이즈, 색 번짐)이 더해집니다. 이미 손실 압축된 이미지를 또 압축하면 열화가 누적됩니다.

비율도 마찬가지입니다. 플랫폼마다 썸네일과 미리보기 지면의 비율이 정해져 있어서, 비율이 맞지 않는 이미지는 가장자리가 잘리거나 위아래에 여백이 붙습니다. 사진의 핵심 피사체가 가장자리에 있다면 썸네일에서 통째로 잘려 나갈 수도 있습니다. 즉 플랫폼별 규격은 단순한 기술 사양이 아니라, 내 콘텐츠가 목록·검색 결과·공유 미리보기에서 어떻게 보일지를 결정하는 요소입니다.

그래서 요령은 간단합니다. 플랫폼이 손댈 필요가 없는 크기와 용량으로 미리 맞춰서 올리는 것입니다. 표시될 크기보다 지나치게 큰 이미지를 올리면 플랫폼의 재압축을 한 번 더 거치게 되고, 반대로 너무 작으면 확대되어 흐려집니다. 표시 폭에 가깝거나 그 1.5~2배 정도의 해상도가 대체로 무난합니다.

2. 네이버 블로그·카페 — 본문 폭에 맞춘 가로 해상도

네이버 블로그 본문은 스킨 설정에 따라 다르지만, 흔히 쓰는 넓은 레이아웃 기준으로 본문 폭이 대략 700~966px 수준으로 알려져 있습니다. 따라서 가로 900~1000px 내외로 맞춰 올리면 본문에서 축소 없이 또렷하게 표시되는 경우가 많습니다. 고해상도 디스플레이(레티나)까지 고려한다면 가로 1200~1600px 정도로 올리는 방법도 있습니다.

• 대표 이미지(썸네일): 블로그 목록과 검색 결과에서는 대표 이미지가 정방형(1:1)에 가깝게 잘려 보이는 경우가 많습니다. 핵심 피사체를 가운데에 두면 어떤 비율로 잘려도 안전합니다.
• 업로드 용량: 네이버는 장당 업로드 용량에 제한을 두고 있으며, 제한 이내라도 용량이 크면 재압축 대상이 되기 쉽습니다. 사진 한 장에 수 MB씩 쓰기보다는 수백 KB 수준으로 줄여서 올리는 편이 화질 관리에 유리합니다.
• 카페: 카페 본문 폭은 카페 레이아웃 설정에 따라 달라지므로, 블로그와 비슷하게 가로 900px 내외를 기준으로 삼고 실제 게시 화면에서 확인하는 것을 권장합니다.

3. 티스토리·워드프레스 — 스킨(테마)이 기준

티스토리와 워드프레스는 스킨·테마마다 본문 폭이 제각각입니다. 일반적인 블로그 테마의 본문 폭은 700~800px 안팎인 경우가 많아, 가로 800~1200px로 준비하면 대부분의 스킨에서 무리가 없습니다. 정확한 값이 궁금하다면 브라우저 개발자 도구로 본문 영역의 실제 폭을 한 번 확인해 두면 됩니다.

• 대표 이미지(오픈그래프 썸네일): 글을 SNS나 메신저에 공유할 때 쓰이는 미리보기 이미지는 가로형 1200×630px(약 1.91:1)이 널리 쓰이는 권장값입니다.
• 자동 압축 여부: 티스토리는 업로드 시 이미지를 자체 처리하는 것으로 알려져 있고, 워드프레스는 테마·플러그인 설정에 따라 여러 크기의 사본을 만들며 압축 품질을 조절할 수 있습니다. 어느 쪽이든 원본을 지나치게 크게 올리면 플랫폼 처리 결과에 화질을 맡기게 되므로, 미리 표시 크기에 맞춰 두는 편이 낫습니다.
• WebP 활용: 직접 운영하는 워드프레스라면 WebP 변환기로 미리 WebP로 바꿔 올려 페이지 로딩 속도를 줄일 수 있습니다. WebP와 다른 포맷의 차이는 GIF vs WebP 비교 글에서 자세히 다뤘습니다.

4. 인스타그램·페이스북 — 비율이 곧 규격

인스타그램은 해상도보다 비율이 중요합니다. 규격에 맞지 않는 비율은 업로드 단계에서 잘리거나 여백이 생깁니다. 공개적으로 널리 안내되는 권장 규격은 다음과 같습니다.

• 정방형 게시물(1:1): 1080×1080px
• 세로형 게시물(4:5): 1080×1350px — 피드에서 화면을 가장 넓게 차지하는 비율입니다.
• 가로형 게시물(1.91:1): 1080×566px 내외
• 스토리·릴스(9:16): 1080×1920px

가로 1080px보다 큰 이미지를 올리면 인스타그램이 1080px 기준으로 축소·재압축합니다. 처음부터 1080px 폭으로 맞춰 올리면 압축 결과를 예측하기 쉽습니다. 페이스북 링크 공유용 이미지는 앞서 언급한 1200×630px이 일반적인 권장값입니다. 이들 수치 역시 플랫폼 업데이트에 따라 바뀔 수 있으니 공식 도움말을 함께 참고하세요.

5. 쇼핑몰(스마트스토어 등) — 대표 이미지는 정방형이 기본

쇼핑몰은 상품 대표 이미지와 상세 페이지 이미지의 기준이 다릅니다.

• 상품 대표 이미지: 스마트스토어를 비롯한 대부분의 오픈마켓은 정방형(1:1)을 요구하거나 권장하며, 1000×1000px이 널리 쓰이는 기준입니다. 검색 결과·목록·모바일 앱 등 여러 지면에서 축소되어 쓰이므로, 여백을 적당히 두고 상품이 중앙에 오도록 배치하는 것이 좋습니다.
• 상세 페이지 이미지: 상세 영역의 표시 폭은 플랫폼과 에디터에 따라 다르지만 가로 860~1000px 내외로 안내되는 경우가 많습니다. 세로로 긴 상세 이미지는 한 장으로 만들기보다 적당한 길이로 나눠 올리면 로딩이 빨라지고, 업로드 제한(장당 용량·세로 길이)에 걸릴 위험도 줄어듭니다.
• 텍스트 가독성: 상세 이미지에 넣는 글자는 축소·재압축 후에도 읽혀야 하므로, 얇은 폰트와 작은 글자는 피하는 편이 안전합니다.

입점형 플랫폼은 심사 기준(테두리, 워터마크, 텍스트 비율 등)이 별도로 있는 경우가 있으니, 대표 이미지는 반드시 해당 플랫폼의 등록 가이드를 확인한 뒤 제작하세요. 특히 대표 이미지에 홍보 문구나 과도한 합성을 넣으면 노출에 불이익을 받거나 반려되는 플랫폼도 있으므로, 대표 이미지는 상품 자체가 잘 보이는 깔끔한 컷으로 준비하고 안내 문구는 상세 페이지 쪽에 배치하는 편이 무난합니다.

6. 플랫폼별 권장 규격 한눈에 보기

표의 수치는 일반적으로 알려진 권장값이며, 각 플랫폼 정책에 따라 달라질 수 있습니다. 업로드 화면에 표시되는 최신 안내를 우선하세요.

7. 규격에 맞추는 실전 워크플로우

여러 플랫폼에 같은 사진을 올린다면, 원본은 그대로 보관하고 플랫폼별 사본을 만드는 방식이 관리하기 편합니다. 설치 없이 브라우저에서 다음 순서로 처리할 수 있습니다.

1. 이미지 용량 압축기에 사진을 올려 목표 가로 해상도로 리사이즈하고, 화질 슬라이더로 용량을 줄입니다. 결과 미리보기를 보면서 글자와 디테일이 뭉개지지 않는 선을 찾으면 됩니다.
2. 블로그·자체 사이트처럼 WebP가 유리한 곳이라면 WebP 변환기로 변환합니다. 특정 포맷만 받는 플랫폼이라면 범용 포맷 변환기로 JPG·PNG 등 요구 포맷에 맞춥니다.
3. 상세 페이지나 포트폴리오처럼 도용이 걱정되는 이미지는 마지막 단계에서 워터마크 삽입 도구로 로고나 문구를 넣습니다. 리사이즈 전에 워터마크를 넣으면 축소 과정에서 흐려질 수 있으니, 최종 크기에서 넣는 것이 좋습니다.

모든 처리는 브라우저 안에서 이루어지므로 사진이 서버로 전송되지 않습니다. 압축 품질과 포맷 선택의 원리가 궁금하다면 이미지 최적화 가이드를 함께 읽어 보세요.

8. 규격 외에 함께 챙기면 좋은 것들

해상도와 용량을 맞췄다면, 검색 노출과 관리 편의를 위해 다음 항목도 함께 점검해 두면 좋습니다.

• 파일명: IMG_2941.jpg 같은 카메라 기본 이름보다는 내용을 설명하는 이름(예: 강아지-수제간식-포장.jpg)이 관리에도, 이미지 검색에도 유리합니다. 업로드 전에 바꿔 두는 습관을 들이면 나중에 파일을 찾기도 쉽습니다.
• 대체 텍스트(alt): 블로그 에디터나 쇼핑몰 관리 화면에서 대체 텍스트 입력란을 제공한다면 이미지 내용을 한 문장으로 적어 두세요. 접근성과 검색 노출 양쪽에 도움이 됩니다.
• 메타데이터(EXIF): 스마트폰 사진에는 촬영 위치 같은 정보가 담겨 있을 수 있습니다. 플랫폼이 업로드 시 제거해 주는 경우도 있지만, 민감한 사진이라면 업로드 전에 직접 확인하는 편이 안전합니다. 브라우저 기반 압축·변환 도구를 거치면 대부분의 촬영 메타데이터는 결과 파일에 남지 않습니다.
• 플랫폼별 사본 관리: 인스타그램용 1080px 정방형, 블로그용 900px 가로형처럼 용도별 사본을 폴더로 나눠 보관하면, 같은 콘텐츠를 여러 채널에 올릴 때 매번 다시 만들 필요가 없습니다. 원본은 항상 따로 남겨 두세요. 한 번 줄인 이미지를 다시 키우면 화질이 돌아오지 않습니다.

정리하면, 플랫폼별 이미지 규격의 핵심은 세 가지입니다. 표시될 폭에 맞는 해상도, 지면에 맞는 비율, 재압축을 피할 수 있는 용량. 이 세 가지만 업로드 전에 맞춰 두면 플랫폼이 이미지를 다시 만드는 과정에서 생기는 화질 손실 대부분을 피할 수 있습니다.

💡 자주 묻는 질문