Substack는 뉴스레터를 웹 페이지와 이메일 두 가지 형태로 동시에 전달합니다. 웹 버전에서는 선명하게 보이는 이미지가 이메일 전송 시 너무 커서 문제가 될 수 있으며, Gmail은 총 용량이 약 102 KB를 초과하는 이메일을 잘라냅니다. 이미지 크기를 올바르게 설정하면 Substack 뉴스레터가 어디서나 전문적으로 보이고 모든 구독자의 받은편지함에 온전히 전달됩니다.
Substack 이미지 크기 — 빠른 참고표
- 포스트 커버(대표 이미지): 1000×563 px (16:9 비율) — 사진은 JPEG, 그래픽은 PNG, 200 KB 이하
- 인라인 이미지: 1600 px 너비로 업로드, Substack이 800 px로 축소 — 이메일 전송을 위해 각 150 KB 이하
- 프로필 사진: 400×400 px (1:1 정사각형, 원형으로 표시) — PNG 또는 JPEG
- 퍼블리케이션 로고: 최소 256×256 px — 투명 배경 PNG 권장
- 커스텀 헤더 이미지: 1500×500 px (3:1 비율)
- GIF: 지원됨 — 5 MB 이하 유지
Substack에서 이미지 크기가 중요한 이유
Substack는 모든 포스트가 동시에 웹 페이지이자 이메일이라는 점에서 다른 퍼블리싱 플랫폼과 다릅니다. 웹 버전은 Substack의 CDN을 통해 최고 품질로 렌더링되지만, 이메일 버전은 각 구독자의 이메일 클라이언트 제약을 받습니다.
- Gmail 잘림 현상: Gmail은 총 용량이 약 102 KB를 초과하는 이메일을 잘라내고 "전체 메시지 보기" 링크로 대체합니다. Substack CDN에 호스팅된 이미지는 직접적으로 이 제한에 포함되지 않지만, 과도하게 큰 인라인 이미지 파일은 전체 이메일 크기와 로딩 시간을 증가시킵니다.
- 이메일 클라이언트 차이: Outlook, Apple Mail, Gmail은 이미지를 각각 다르게 렌더링합니다. 올바른 크기로 업로드하면 예상치 못한 크기 조정이나 레이아웃 오버플로우를 방지할 수 있습니다.
- 모바일 구독자: 이메일 열람의 절반 이상이 모바일에서 이루어집니다. 작은 인라인 이미지는 셀룰러 연결에서 더 빠르게 로드됩니다.
포스트 커버 이미지(대표 이미지)
포스트 커버는 Substack 뉴스레터에서 가장 눈에 띄는 이미지입니다. 모든 포스트 상단, Substack 피드의 썸네일, 링크를 공유할 때의 소셜 미리보기, 그리고 웹 버전의 og:image로 표시됩니다. 매력적인 이미지를 선택하세요 — 이는 오픈율에 직접적인 영향을 미칩니다.
- 권장 크기: 1000×563 px (16:9 가로세로 비율)
- 최소 크기: 800×450 px — 이보다 작으면 소셜 미리보기에서 흐릿하게 보임
- 형식: 사진은 JPEG, 그래픽이나 일러스트레이션은 PNG
- 목표 파일 크기: 200 KB 이하 (빠른 웹 로딩을 위해)
- 중요한 콘텐츠는 중앙에 배치 — Substack이 다양한 피드 카드 크기에 맞게 커버를 자름
- Substack은 소셜 공유를 위한 og:image로 이 이미지를 사용합니다
이미지 크기 조정 도구를 사용해 커버를 정확히 1000×563 px로 조정한 다음, 이미지 압축 도구로 업로드 전 200 KB 이하로 줄이세요.
인라인 이미지(뉴스레터 본문 내)
Substack 포스트 본문에 삽입된 이미지는 웹 버전과 이메일 버전 모두에서 최대 800 px 너비로 렌더링됩니다. 1600 px로 업로드하면 고해상도 디스플레이에서 선명하게 표시되고, Substack이 표시 크기를 800 px로 조정합니다.
- 1600 px 너비로 업로드 — Substack이 800 px로 표시 (레티나 지원)
- 목표 파일 크기: 이미지당 150 KB 이하 — 이메일 전송에 특히 중요
- 이메일 전용 최적화를 위해서는 각 인라인 이미지를 100 KB 이하로 유지하여 느린 모바일 연결에서도 빠른 렌더링 보장
- 사진은 JPEG 품질 80–85 — PNG보다 훨씬 작으면서도 충분히 선명
- 스크린샷, 다이어그램, 텍스트가 포함된 이미지는 PNG — 선명한 엣지 유지
이미지 압축 도구를 사용해 인라인 이미지를 150 KB 이하로 줄이세요. 포스트당 여러 이미지를 사용한다면 각각 100 KB 이하를 목표로 하여 Gmail의 렌더링 임계값 내에서 전체 이메일 크기를 유지하세요.
중요: 이메일 이미지 전송
Substack은 모든 이미지를 CDN에 호스팅하므로 이미지는 이메일에 직접 임베드되지 않고 원격으로 로드됩니다. 이는 이미지 파일 크기가 직접적으로 이메일 용량에 영향을 주지 않는다는 의미입니다. 그러나 이미지를 가볍게 유지해야 하는 중요한 이유가 여전히 있습니다:
- 이메일 내 로딩 시간: 이메일 클라이언트가 이메일을 열 때 CDN에서 이미지를 로드합니다 — 큰 파일은 특히 모바일에서 눈에 띄는 지연을 유발합니다
- 기본적으로 차단되는 이미지: 많은 기업 이메일 클라이언트가 기본적으로 이미지를 차단합니다. 대체 텍스트는 표시되지만 이미지가 거대한 플레이스홀더라면 레이아웃이 손상됩니다
- 구독자의 대역폭: 종량제 연결을 사용하는 독자들은 작은 이미지의 혜택을 받습니다
- 각 인라인 이미지를 150 KB 이하로 유지하고, 인라인 이미지가 3개 이상인 뉴스레터의 경우 100 KB 이하가 이상적입니다
프로필 사진
Substack 프로필 사진은 모든 포스트의 이름 옆, 퍼블리케이션 홈페이지, 그리고 구독자 이메일 영수증에 표시됩니다. Substack은 이를 원형으로 표시하므로 피사체를 중앙에 배치하고 모서리에 중요한 요소를 넣지 않도록 하세요.
- 권장 크기: 400×400 px (1:1 정사각형)
- 일러스트레이션과 로고는 PNG, 사진은 JPEG
- 원형 표시가 모서리를 자릅니다 — 얼굴이나 로고를 프레임 중앙에 배치하세요
이미지 자르기 도구로 완벽한 정사각형을 만든 다음, 이미지 크기 조정 도구로 400×400 px로 조정하세요.
퍼블리케이션 로고
퍼블리케이션 로고는 이메일 헤더, Substack 홈페이지 상단, 그리고 Substack 검색 피드에서 퍼블리케이션 이름 옆에 표시됩니다. 이메일 헤더에서 약 32 px로 표시되므로 굵고 간결하게 디자인하세요.
- 최소 크기: 256×256 px (이메일 헤더에서 약 32 px로 표시)
- 투명 배경 PNG 권장 — 어떤 배경에서도 깔끔하게 렌더링
- 얇은 선이나 작은 텍스트는 피하세요 — 32 px 크기에서 세부 요소가 사라집니다
커스텀 헤더 이미지
퍼블리케이션 홈페이지에 커스텀 헤더를 사용한다면, Substack이 페이지 상단에 넓은 배너로 표시합니다. 이 이미지는 이메일 버전에는 나타나지 않습니다.
- 권장 크기: 1500×500 px (3:1 비율)
- 핵심 콘텐츠는 중앙에 배치 — 모바일 뷰포트에서 가장자리가 잘립니다
- 사진은 JPEG, 텍스트나 단색이 포함된 그래픽은 PNG
Substack 작가를 위한 팁
- 커버 이미지가 오픈율을 결정합니다 — 포스트 커버는 피드와 소셜 미리보기에서 독자가 보는 이미지입니다. 모든 포스트에 고품질의 관련성 높은 이미지에 투자하세요
- 인라인 이미지를 각 100 KB 이하로 압축하세요 — 이미지가 여러 개인 뉴스레터의 경우, 모든 이메일 클라이언트에서 빠른 렌더링을 보장합니다
- 자신에게 테스트 이메일을 보내세요 — 게시 전에 항상 Gmail과 Apple Mail에서 이미지가 어떻게 렌더링되는지 확인하고, 예상치 못한 잘림, 흐릿함, 레이아웃 문제가 없는지 확인하세요
- 일관된 시각적 스타일을 유지하세요 — 포스트 전반에 걸쳐 동일한 이미지 크기, 색상 팔레트, 스타일을 사용하면 뉴스레터의 인식 가능한 브랜드를 구축합니다
- GIF가 지원됩니다 — Substack은 웹 버전과 이메일 버전 모두에서 애니메이션 GIF를 렌더링합니다. 느린 로딩을 방지하기 위해 5 MB 이하로 유지하세요