Quick Cheat Sheet: All Key Sizes
| Visual Type | Recommended Size | Key Notes |
|---|
| Profile Photo | 128 × 128 px | Circular crop; visible on blogs/asks |
| Banner (Blog Header) | 3,000 × 1,055 px | Wide format; adapts to blog themes |
| Shared Image (Posts) | 500 × 750 px | 2:3 aspect ratio; fits Tumblr’s feed layout |
1. Profile & Banner: Define Your Blog’s Vibe
Profile Photo
- Size: 128 × 128 px – Tumblr displays this as a small circle on your blog, in ask messages, and next to your posts. While the size is small, start with a high-res square (e.g., 500×500 px) and resize down—this avoids blurriness.
- Tip: Keep designs simple and recognizable (e.g., a minimalist avatar, fan art, or a bold logo). Since the photo is tiny, avoid fine details or small text—they’ll be unreadable.
Banner (Blog Header)
- Size: 3,000 × 1,055 px – This wide header spans the top of your blog and adapts to different Tumblr themes (some themes may crop edges slightly).
- Key Notes:
- Safe area: Place key elements (e.g., your blog name, art, or a quote) in the center 2,000 × 800 px—this ensures they don’t get cut off by theme layouts.
- Match your blog’s aesthetic: Tumblr is highly creative—use a banner that aligns with your content (e.g., soft pastels for a lifestyle blog, bold graphics for a fandom blog). Avoid overcrowding—negative space keeps the header easy on the eyes.
2. Shared Image (Posts): Fit Tumblr’s Feed
- Size: 500 × 750 px (2:3 vertical ratio) – This is Tumblr’s sweet spot for shared images: it fits seamlessly in the platform’s feed (no awkward stretching) and looks consistent across mobile and desktop.
- Tips:
- Lean into vertical visuals: Tumblr’s feed is scroll-friendly for vertical content—use portraits, fan art, or infographics that work in a tall format.
- Keep file size under 10MB: Larger images may load slowly, especially for users on mobile. Compress images slightly (without losing quality) to speed up loading.
- Add subtle branding: If you’re a creator, include a small watermark (e.g., your blog name in the corner) to protect your work—just keep it unobtrusive.
Final Quick Check
- Profile Photo: 128×128 px, simple + high-res (resized down)
- Banner: 3,000×1,055 px, key elements in center safe area
- Shared Image: 500×750 px, 2:3 vertical ratio
Follow these sizes to keep your Tumblr blog visually cohesive, on-brand, and optimized for the platform’s creative community.