Tumblr는 특정 임계값을 초과하는 이미지를 자동으로 리사이즈하고 압축합니다. 너무 큰 사진을 업로드하면 Tumblr가 이미지를 축소하고 손실 압축을 적용하여 원본보다 화질이 저하될 수 있습니다. 처음부터 올바른 치수로 업로드하면 이미지가 의도한 대로 정확하게 표시됩니다 — 예상치 못한 화질 저하나 원치 않는 리샘플링이 발생하지 않습니다.
빠른 참조: Tumblr 이미지 크기
| 이미지 유형 | 권장 크기 | 최대 파일 크기 | 참고 |
|---|---|---|---|
| 사진 포스트 (단일 열) | 너비 540px | 10MB | 표준 열 너비; 높이는 자유롭게 설정 가능 |
| 사진 포스트 (전체 너비) | 너비 1280px | 10MB | 더 넓은 이미지는 Tumblr가 1280px로 축소 |
| GIF (인라인 자동재생) | 최대 너비 540px | 자동재생 3MB; 업로드 10MB | 3MB 초과 GIF는 동영상으로 변환됨 |
| 프로필 사진 | 표시 128×128px; 업로드 256×256px 권장 | 10MB | 정사각형 크롭; PNG 또는 JPG; 레티나 지원 |
| 헤더 / 배너 | 3000×1055px 권장 | 10MB | 최소 너비 1280px; 모바일에서 크롭됨 |
사진 포스트 상세 안내
Tumblr 블로그의 표준 열 너비는 540px입니다. 사진을 포스트하면 Tumblr가 데스크탑에서 이 열 너비로 표시합니다. 이미지가 540px보다 좁으면 Tumblr가 이미지를 약간 늘려서 표시할 수 있으며, 이로 인해 흐릿하게 보일 수 있습니다. 정확히 540px 이상으로 업로드하면 선명하게 표시됩니다.
라이트박스나 레티나 디스플레이에서 고해상도 이미지를 보여주려면 1280px 너비로 업로드하세요. 이것이 Tumblr가 자체 축소 처리를 적용하기 전까지 렌더링하는 최대 너비입니다. 1280px보다 넓은 이미지는 자동으로 1280px로 리사이즈되므로 2560px나 4000px로 업로드해도 의미가 없으며, 오히려 Tumblr의 추가 압축 처리만 발생합니다.
- 단일 이미지 포스트: 표준 화질은 너비 540px; 최고 화질은 너비 1280px
- 포토셋 그리드: Tumblr가 540px 열을 행당 이미지 수로 나눕니다 — 행당 2개 이미지는 각각 약 268px(4px 간격 포함). 이에 맞게 디자인하세요
- 지원 형식: JPEG, PNG, GIF, WebP, AVIF
- 최대 파일 크기: 이미지당 10MB
GIF 최적화 가이드
Tumblr는 웹에서 가장 GIF 친화적인 플랫폼 중 하나입니다. 그러나 이해해야 할 중요한 임계값이 있습니다. 3MB 미만의 GIF는 대시보드에서 자동으로 인라인 재생됩니다. 3MB에서 10MB 사이의 GIF는 업로드할 수 있지만, Tumblr가 재생을 위해 동영상 형식으로 변환합니다 — 이는 일부 환경에서 전통적인 GIF 외관을 잃을 수 있습니다.
- 너비: 표준 열에 맞게 GIF를 540px 이하로 유지하세요. 더 넓은 GIF는 어차피 축소됩니다
- 자동재생 파일 크기: 형식 변환 없이 인라인 자동재생을 보장하려면 3MB 미만으로 유지하세요
- 최대 업로드 크기: 10MB
- 파일 크기 줄이기: 색상 팔레트를 제한하거나(256색 대신 128색 또는 64색), 프레임 레이트를 낮추거나, 불필요한 프레임을 잘라내세요. 이러한 변경으로 눈에 띄는 화질 저하 없이 GIF 크기를 크게 줄일 수 있습니다
- 프레임 레이트: Tumblr GIF에서 부드러운 움직임을 위해 15~20fps로 충분합니다. 높은 프레임 레이트는 파일 크기를 급격히 증가시킵니다
프로필 사진 및 아바타
Tumblr 프로필 사진(아바타라고도 함)은 블로그 페이지, 검색 결과, 리블로그 옆, 대시보드 사이드바 등 플랫폼 전반에 걸쳐 정사각형 섬네일로 표시됩니다.
- 표시 크기: 대부분의 환경에서 128×128px
- 업로드 크기: 레티나 및 고DPI 화면에서 선명하게 보이도록 256×256px으로 업로드하세요
- 종횡비: 정사각형(1:1). 정사각형이 아닌 이미지는 크롭됩니다 — 업로드 전에 이미지 자르기를 사용해 피사체를 1:1 프레임 중앙에 배치하세요
- 형식: 플랫 컬러가 있는 로고와 그래픽에는 PNG를 권장하며, 사진에는 JPEG가 잘 맞습니다
헤더 및 배너 이미지
Tumblr 블로그 헤더(배너라고도 함)는 데스크탑에서 블로그 페이지의 전체 너비에 걸쳐 표시됩니다. 방문자가 블로그에서 처음 보는 시각적 인상이므로 이 이미지를 올바르게 설정하는 것이 중요합니다.
- 권장 크기: 3000×1055px. 이 해상도에서 헤더는 대형 데스크탑 모니터와 고DPI 화면에서 선명하게 표시됩니다
- 최소 너비: 1280px. 더 좁은 배너는 넓은 화면에서 흐릿하게 보입니다
- 모바일 표시: 모바일에서 Tumblr는 배너를 더 짧은 종횡비로 크롭합니다. 좌우 가장자리가 잘릴 수 있으므로 가장 중요한 부분(텍스트, 로고, 초점)을 이미지 중앙에 배치하세요
- 형식: 사진 헤더에는 JPEG가, 텍스트나 플랫 컬러 영역이 있는 디자인에는 PNG가 더 좋습니다
- 최대 파일 크기: 10MB
Tumblr용 이미지 리사이즈 방법
이미지를 Tumblr의 정확한 치수로 리사이즈하는 가장 빠른 방법은 온라인 리사이저를 사용하는 것입니다. 이미지 크기 조정 도구를 사용하면 대상 너비를 540px, 1280px, 또는 3000px로 설정하고 소프트웨어 설치 없이 몇 초 만에 리사이즈할 수 있습니다. 여러 플랫폼의 소셜 미디어 프리셋을 한 번에 처리하려면 소셜 미디어 리사이저를 사용하면 한 단계에서 모든 일반 크기를 생성할 수 있습니다.
- 사진 포스트: 표준은 너비 540px, 고해상도는 너비 1280px로 리사이즈
- GIF: 너비 540px 이하 및 3MB 미만 유지
- 프로필 사진: 256×256px 정사각형으로 리사이즈
- 헤더: 3000×1055px로 리사이즈
파일 크기 제한을 충족하기 위한 이미지 압축 방법
올바른 픽셀 크기에서도 이미지는 Tumblr의 10MB 업로드 제한을 초과할 수 있습니다 — 특히 대형 헤더 이미지나 고해상도 사진의 경우. 이미지 압축 도구를 사용해 시각적 품질을 유지하면서 파일 크기를 줄이세요. 80~85% 품질의 JPEG 압축은 눈에 띄는 차이 없이 파일 크기를 50~70% 줄일 수 있습니다. PNG 파일(배너와 프로필 사진에 일반적)의 경우 무손실 압축으로 메타데이터를 제거하고 인코딩을 최적화하여 화질 손실 없이 크기를 줄일 수 있습니다.
이러한 크기 가이드라인을 따르면 Tumblr 포스트, 프로필, 블로그 헤더가 항상 최상의 모습을 보여줄 수 있습니다. 올바른 치수로 업로드하고, 자동재생을 위해 GIF를 3MB 미만으로 유지하며, 10MB 업로드 제한 내에서 유지해야 할 때 압축을 사용하세요.