Tumblr posts appear in the feed, profile grid, and detail page, and each context has preferred Tumblr dimensions for image clarity and layout stability. This guide covers recommended image sizes for photos, text posts, quotes, link cards, photo carousels, and video, plus how cropping, aspect ratio, and file size influence loading and display. Understanding these patterns helps you design a coherent, readable presence that remains consistent over time.
Key image size recommendations for Tumblr
Tumblr supports a wide range of image dimensions, but certain sizes align better with native templates and reduce unwanted cropping. Use these targets for reliable rendering across desktop and mobile.
Photo posts and main images
For single photos, aim for a landscape orientation that fits the primary grid slot and minimizes auto-crop. Recommended dimensions and rationale are summarized below.
| Image type | Recommended dimensions | Notes and source context |
|---|---|---|
| Feed photo (landscape) | 1280x720 px (16:9) | Fills key template areas with minimal cropping |
| Profile cover/header | 1600x900 px (16:9) | Displays cleanly on wide screens and in galleries |
| Square post option | 1080x1080 px (1:1) | Common for product, art, or portfolio entries |
| High-DPI/Retina | 2560x1440 px (16:9) | Future-proofs on high-density displays |
Aspect ratio guidance
Tumblr handles 1:1 (square), 16:9 (landscape), and 4:3 images well. Avoid extreme portrait ratios for main photos, as they can be heavily cropped in the feed; reserve tall images for avatar or detail panels where appropriate. Maintaining a consistent aspect across a series reinforces visual identity.
Text, quote, and link posts
Text, quote, and link posts rely on a banner area for imagery and typically inherit the dimensions of the photo you attach. If you do not add an image, these posts use a default graphic that varies by theme. For branded consistency, design a banner that matches your recommended photo sizes and overlays your title or excerpt legibly.
Short guidelines for quote and link cards
- Use a 1280x720 or 1600x900 feature image to maintain clarity in the feed.
- Keep key text within the center safe area to avoid cropping on different devices.
- Test how the quote excerpt appears when the post is shared; ensure contrast remains readable.
Photo carousel (multiple photos)
When you include multiple photos, Tumblr treats the first image as the primary visual in the feed. Subsequent photos expand on tap. Apply the same landscape sizing to the first photo; for supporting images, 1080x1080 or a 4:3 frame often works well. Consistent sizing across the set improves readability and reduces jarring layout shifts.
Video and animated content
For video posts, match the safe playback area with a 16:9 frame such as 1280x720 or 1920x1080. Keep critical text and logos away from the edges to prevent clipping on smaller screens. GIFs and animated WebP behave similarly; keeping dimensions within common ratios reduces buffering and maintains clarity.
Header and avatar considerations
The profile header is a wide band at the top of the profile page, and the avatar sits as a circle over the header. Design the header at 1600x900 or 1920x1080 to retain detail when scaled, and place essential elements toward the center. For avatars, aim for a square source (e.g., 512x512) to preserve clarity when rendered as a circle.
File size, compression, and loading
Beyond dimensions, file weight affects perceived performance. Aim to keep images under recommended Tumblr size limits by optimizing files without visible loss. Use progressive JPEG for photos and consider simpler palettes for graphics. Proper compression reduces load times while preserving visual quality across varying connection speeds.