Tumblr automatically resizes and compresses images that exceed certain thresholds. If you upload a photo that is too large, Tumblr will scale it down and apply lossy compression that can introduce artifacts or make your image look softer than the original. Uploading at the correct dimensions from the start lets your images display exactly as you intended — no surprise quality loss, no unwanted resampling.
Quick Reference: Tumblr Image Sizes
| Image Type | Recommended Dimensions | Max File Size | Notes |
|---|---|---|---|
| Photo post (single column) | 540px wide | 10 MB | Standard column width; height is flexible |
| Photo post (full-width) | 1280px wide | 10 MB | Tumblr downscales wider images to 1280px |
| GIF (inline autoplay) | 540px wide max | 3 MB for autoplay; 10 MB to upload | GIFs over 3 MB are converted to video |
| Profile picture | 128×128px displayed; upload at 256×256px | 10 MB | Square crop; PNG or JPG; retina-ready at 256px |
| Header / banner | 3000×1055px recommended | 10 MB | Minimum 1280px wide; cropped on mobile |
Photo Posts in Detail
The standard Tumblr blog column is 540px wide. When you post a photo, Tumblr displays it at this column width on desktop. If your image is narrower than 540px, it will still display at full width — but Tumblr will stretch it slightly, which can cause blurriness. Uploading at exactly 540px (or wider) ensures crisp display.
If you want a high-resolution image for people who click through to the lightbox or for retina displays, upload at 1280px wide. This is the maximum width Tumblr will render before applying its own downscaling. Images wider than 1280px are automatically resized to 1280px — so uploading at 2560px or 4000px gains you nothing and only results in an extra compression pass by Tumblr.
- Single image post: 540px wide for standard quality; 1280px wide for maximum quality
- Photoset grid: Tumblr divides the 540px column by the number of images per row — two images per row get approximately 268px each (with a 4px gap). Design accordingly
- Accepted formats: JPEG, PNG, GIF, WebP, AVIF
- Maximum file size: 10 MB per image
GIF Best Practices
Tumblr has always been one of the most GIF-friendly platforms on the web. However, there is one critical threshold to understand: GIFs under 3 MB play automatically inline in the dashboard. GIFs between 3 MB and 10 MB can be uploaded, but Tumblr converts them to a video format for playback — this means they lose the traditional GIF look in some contexts and may not loop seamlessly on all clients.
- Width: Keep GIFs at 540px wide or less to match the standard column. Wider GIFs are scaled down anyway
- File size for autoplay: Stay under 3 MB for guaranteed inline autoplay without format conversion
- Maximum upload size: 10 MB
- Reduce file size: Limit the color palette (128 or 64 colors instead of 256), reduce frame rate, or trim unnecessary frames. Each of these changes can cut GIF size dramatically without obvious quality loss
- Frame rate: 15–20 fps is usually sufficient for smooth motion on Tumblr GIFs. Higher frame rates increase file size rapidly
Profile Picture and Avatar
Your Tumblr profile picture (also called an avatar) is displayed as a square thumbnail throughout the platform — on your blog page, in search results, next to reblogs, and in the dashboard sidebar.
- Display size: 128×128px in most contexts
- Upload size: Upload at 256×256px so your avatar looks sharp on retina and high-DPI screens
- Aspect ratio: Square (1:1). Non-square images will be cropped — use the Image Cropper to center your subject before uploading
- Format: PNG is recommended for logos and graphics with flat colors; JPEG works well for photos
Header and Banner Image
The Tumblr blog header (also called a banner) spans the full width of your blog page on desktop. Getting this image right is important because it is the first visual impression visitors have of your blog.
- Recommended size: 3000×1055px. At this resolution the header displays sharply on large desktop monitors and high-DPI screens
- Minimum width: 1280px. Narrower banners will appear blurry on wider screens
- Mobile display: On mobile, Tumblr crops the banner to a shorter aspect ratio. Keep the most important part of your image (text, logo, focal point) in the center, as the left and right edges may be clipped
- Format: JPEG works well for photographic headers; PNG is better for designs with text or flat color areas
- Maximum file size: 10 MB
How to Resize Images for Tumblr
The fastest way to resize your images to Tumblr's exact dimensions is to use an online resizer. With the Image Resizer you can set the target width to 540px, 1280px, or 3000px and resize in seconds without installing any software. For social-media presets across multiple platforms at once, the Social Media Resizer lets you generate all common sizes in a single step.
- Photo post: resize to 540px wide (standard) or 1280px wide (high-res)
- GIF: keep at 540px wide and below 3 MB
- Profile picture: resize to 256×256px square
- Header: resize to 3000×1055px
How to Compress Images to Meet File Size Limits
Even at the correct pixel dimensions, an image can still exceed Tumblr's 10 MB upload limit — especially for large header images or high-resolution photos. Use the Image Compressor to reduce file size while preserving visual quality. JPEG compression at 80–85% quality typically cuts file size by 50–70% with minimal visible difference. For PNG files (common for banners and profile pictures), lossless compression can remove metadata and optimize encoding without any quality loss at all.
Following these size guidelines ensures your Tumblr posts, profile, and blog header always look their best. Upload at the right dimensions, keep GIFs under 3 MB for autoplay, and use compression when you need to stay within the 10 MB upload limit.