Tumblr Size Guide: How To Create Beautiful Tumblr Headers & Icons

Tumblr is one of the first iterations of a social media platform, though not in the traditional sense. It evolved from the blogging phenomenon in the early 2000s and quickly became a massive community of microblogging, full of unique and varied subcultures.

On Tumblr, users can share almost any type of content they can think of, including articles, text posts, photos, videos, audio files, and animated GIFs. The main way users interact with each other is through comments on each other’s posts, and ‘reblogging’ content to their own blog, similar to the retweet functionality on Twitter.

Tumblr is still very active today. Are you thinking about starting your own Tumblr blog? If so, there are a few things you’ll need to get started and customize your home page, including your Tumblr profile image size, and your Tumblr header image dimensions.

Tumblr Header / Photo Size

tumblr header size

Similar to a cover photo on Facebook, LinkedIn, or most other large social media platforms, your Tumblr Banner is the main marquee image that displays at the top of your blog home page. It’s a great space to showcase your style and draw more followers to your blog. Since it’s part of a responsive page, your banner will stretch and be displayed at different sizes depending on the device that is being used to view it.

For that reason, you should make sure to upload a banner image that has an aspect ratio of 16:9. On the desktop, your banner will display at 3000 x 1055 pixels, but on mobile it will display at a lower resolution of 640 x 360 pixels. So be sure to upload an image that is at least 3000 x 1055 pixels, so that appears at the quality that you desire.

How to create your own Tumblr Banner

Now that you know the correct header size for your Tumblr banner, why not try to make your own? It's quite easy to do in Vectornator. This image should probably reflect some characteristic of your profile photo so that you create continuity between the assets on your page.

After you've created your avatar, you can use it as a template for your banner. You can either import the avatar photo into a new document, where you can alter it to your heart's content, or you can just use it as a reference for your new document. Just make sure you set the photo dimensions correctly, as mentioned above!

Once you've created your image in Vectornator, export it in whichever format you wish. Just  remember to keep an eye on the file size - you don't want your image to be too big or too small; instead strike a happy medium between quality and file size.

Tumblr Icon Size

Tumblr icon size

Your Tumblr profile icon, sometimes known as an “avatar”, is essentially the same thing as a profile picture for Facebook or Twitter. It’s a square image, ideally, a .JPG or .PNG file, and the ideal size for it is 128 x 128 pixels. It will display at the top of your profile feed when someone clicks on your username, but also appear next to all of your posts as a thumbnail icon.

How to create your own Tumblr Icon

Whether you're trying to become a Tumblr blogger and promote your blog through social media marketing or just lurk around other people's blogs, you'll need an icon image to customize your profile. Instead of just uploading a random photo, why not try to make your own unique image? It's quite easy to do in Vectornator, where photo customization is as easy as just a few taps with an Apple Pencil!

Just open a new document, then you can either use the design tools to create your own high-quality shapes and forms, or you can upload a favorite image of your own and customize it with vector shapes. Our auto-trace feature and other design tools allow you to resize and change your favorite images easily. And our integration with Unsplash means that beautiful royalty-free images are right at your fingertips within the app itself!

Subscribed.
Something went wrong while submitting the form. Try again.

More from Vectornator

Youtube Size Guide: How To Create Beautiful Youtube Thumbnails & Profile Pictures

Apply the right dimensions when designing your next Youtube thumbnail!

LinkedIn Size Guide: How To Create Professional LinkedIn Banners & Covers

Learn how to design a professional LinkedIn profile and feed by using the right dimensions.

Instagram Size Guide: How To Create Beautiful Instagram Posts

Having the right dimensions for your Instagram photos and profile image is important. Learn here how to use the right ones!

Twitter Size Guide: How To Create Beautiful Twitter Banners & Fleets

Learn how to use the correct dimensions for your Twitter header, profile photo and image posts!

Facebook Size Guide: How To Create Beautiful Facebook Cover Photos

Learn how to use the correct dimensions for your next Facebook post!

Twitch Size Guide: How To Create Beautiful Twitch Banners & Emotes

Learn how to use the right sizes for your Twitch banner, Twitch profile picture or even emotes!