Tumblr posts appear in a dense, multimedia-rich feed where first impressions matter and technical limits shape what you can share. Understanding Tumblr image dimensions, video size constraints, and cover behavior helps your content display cleanly, avoid cropping surprises, and load quickly. This guide explains recommended pixels and file sizes, supported formats, device variations, and practical steps to prepare visuals so your posts look intentional and professional across mobile and desktop.
Key Tumblr Image Size Guidelines
Tumblr supports a wide range of images, but the platform imposes display rules based on layout regions and device widths. Photos can appear at full width in some contexts and as thumbnails in others. Using dimensions that align with these display rules reduces awkward crops, preserves important content, and improves load times. Below are widely recommended starting points that work for most themes and sections of the site.
- Best overall width for timeline and reblog cards: 1200 px
- Recommended aspect ratio range: 1.91:1 to 1:1 (landscape to square)
- Minimum width for sharp display on desktop: 640 px
- Safe area to keep key content within: center 900 px wide area
- Maximum file size per image: 20 MB (typical practical guidance)
Common Use Case Dimensions
Different posting goals suit different dimensions. For header-like hero images or wide banners, a 16:9 landscape ratio showcases photography or artwork. For square profile images or dense photo grids, 1:1 feels balanced and familiar. When posting quote cards or text-focused images, a slightly taller portrait orientation can emphasize the message without relying on crops. You can use these patterns as a baseline and adjust based on your visual branding and audience expectations.
Supported Formats and File Size Rules
Tumblr accepts several image formats, with varying levels of compatibility across devices and themes. JPEG remains the most universally supported format for photos, while PNG is preferable for graphics that need transparency or sharp lines. GIF and WebP are supported in many places, but not every theme or notification preview will fully preserve their behavior. Keeping file sizes under the platform limits while preserving readability and load times is essential for a consistent viewer experience.
| Attribute | Verified Detail | Source Type |
|---|---|---|
| Maximum upload size per file | 20 MB (typical observed limit) | Platform guidance and user testing |
| Recommended max width for timeline cards | 1200 px | Platform documentation and best practices |
| Supported formats | JPEG, PNG, GIF, WebP (varies by context) | Official format lists and testing |
| Ideal aspect ratio range | 1.91:1 to 1:1 | Observed rendering behavior |
| Typical safe content width | 900 px centered area | Cross-device testing |
Device and Theme Variation Considerations
How your post appears can change based on the viewer’s device, theme choice, and whether they are on the web or mobile app. On wide desktop layouts, images may stretch to fill sidebar and feed columns, while mobile feeds often show tighter, vertical-focused crops. Some community-created themes impose their own size rules or add extra panels where your media interacts with additional headers or sidebars. Treating the safe area as a centered box helps your essential visuals remain visible regardless of these variations.
Mobile Capture and Sizing Tips
Many Tumblr posts originate on mobile devices, where camera defaults and screen orientation affect dimensions. Modern phones capture high-resolution images that often exceed recommended widths; you can downsize in your gallery or editor before posting to stay within limits and improve loading speed. When recording video content intended for Tumblr, aim for the supported aspect ratios and check duration ceilings to prevent upload interruptions or playback issues. Small adjustments in your camera app or editor can align a shot closer to the platform’s preferred sizes without sacrificing composition.
Best Practices for Consistent Appearance
Consistency improves reader recognition and trust, especially if you are building a presence over time. Align your visuals to the recommended aspect ratio range and keep key elements within the central safe area. Compress large files to reduce load times while retaining acceptable quality, and avoid text-heavy imagery unless you accept that it may be cropped in some views. When reusing images across platforms, design for Tumblr’s display rules first and adapt for others afterward. Preview your post on both mobile and desktop if possible to catch unwanted crops, oversized banners, or unreadable captions.
Video Specifications and Limits
Video posts on Tumblr have their own technical boundaries, including file size and length limits. Understanding these helps you avoid interrupted uploads, playback errors, or content that gets truncated. While exact numeric limits can change, practical guidance focuses on common formats, resolutions, and file size ceilings. Aim for modest file sizes and durations that match how your audience typically consumes content on the platform.
- Preferred video aspect ratios: 16:9 and 1:1
- Maximum file size: around 20 MB (platform-dependent)
- Recommended resolutions: 720p to 1080p for broad compatibility
- Duration considerations: keep clips concise for feed consumption
Preview, Test, and Iterate
Because themes, device sizes, and feed layouts influence how posts render, previewing is a critical step. Use Tumblr’s preview function to check how your image or video fits within the main content area and how it behaves on different screen widths. If you notice repeated cropping in certain orientations, adjust your framing or dimensions and test again. Over time, this feedback loop helps you adapt to platform changes and audience preferences with minimal guesswork.