Facebook Size Guide: How To Create Beautiful Facebook Cover Photos

Facebook is one of the most popular social networking sites in the world. If you have a business or provide a service, having a Facebook page is expected at this point, to the point where it looks weird if you don’t have one.   

In this guide, we’ll cover the recommended sizes for each of the different image types on Facebook, as well as some best practices to consider when designing each of them. 

Facebook Profile Picture Size

The most important image on your Facebook page is your Profile Picture. 

Since it will be seen everywhere - next to any comments you leave, in the popup when someone hovers over your page name, or when someone visits your page, it needs to be eye-catching and distinct enough that a viewer can identify you or your brand from just the profile picture. 

Ideally, this image should be a portrait of you (if you are the main focus of the page) or your brand’s logo. 

Facebook will automatically crop whatever image you upload to a square, but you will have the opportunity to choose which part of the image you want the square to be centered on. 

Facebook will display your profile picture at 180 x 180 pixels on a desktop display, and at 128 x 128 pixels on most mobile devices. 

You can upload a picture that is larger than this as long you keep in mind that your image will be cropped to a 1:1 ratio, but there’s really no reason to do so unless you’re worried that your image might lose some details at a small size. 

The easiest way to create a Facebook profile picture is to use Vectornator’s built-in template, which will automatically create an artboard of the exact correct size. 

Facebook Cover Photo Size

The second-most important image on your page is your cover photo, also sometimes known as your Facebook banner. It appears at the top of your page, and displays at 820 x 312 pixels on desktop, and 640 x 360 pixels on most mobile devices. 

That means that the most important thing to keep in mind when creating your Facebook cover photo is that you should keep your important content centered in the image. If you have content on the sides or the top & bottom edges of your cover photo, there is a risk that it might be cut off on mobile devices. So ideally, you should make sure that the most critical information is in the center of your banner image. 

Facebook Event Cover Photo Size

This might not be immediately obvious, but Facebook event cover photos are not displayed at the same size as a normal page’s cover photo. Where a normal cover photo has a smaller size, an event cover photo displays at a higher resolution. 

Specifically, the recommended size for your event banner is 1920 x 1080 pixels, which is more than twice as large as other cover photos. Be sure to take this into account when planning out your content. (Don’t worry, we’ve got a ready-made template for this one too!)

Just as with a normal cover photo, be sure to put your important information in the center of the image so that you don’t risk having it be cut off when it’s displayed on a mobile device. The cutoff isn’t that significant; just don’t put your info on the edge of any of your image’s sides and you should be fine. It cuts off more from the sides of your image than from the top or bottom, so be aware of that as well. 

Facebook Post Image Size 

The last image type you’ll need to know how to create is the post image, which is the most basic type of image you can upload to your feed.

The best course of action for this type of post is to upload an image that is either a square or in a 3:2 aspect ratio. If your image isn’t in one of those configurations, there is a good chance that Facebook might crop it down to a thumbnail of those dimensions. There is a little bit of wiggle room here, which is why our Vectornator template for this type of image is 1200 x 630 pixels

There are many different types of image sizes that you need to be aware of when you are building or updating your Facebook profile or brand page. 

Just keep in mind that Facebook might cut off some of your information if your image is not the correct size or dimensions, so be sure to take this into account by starting with an image of the correct size by using our Vectornator project preset templates. 

Creating a New Template Document

To create a new document that has the preset template that you want, it’s easy to do so from the Vectornator document picker. 

In the Vectornator app, look at the top right corner of the Gallery, where you’ll find a button with a “Plus” sign on it. Tap that button to bring up the Document Picker. 

At the top of the Document Picker, you’ll see a fixed bar, which you can use to set the name of your new document, invert the document’s width and height, or access the Search Bar to find a specific document template quickly. 

If you’d like to browse through the document template options on your own, you can scroll down to progress through the options, or choose one of the template categories to jump to the section you need. The options are Paper, Resolutions, Devices, Icons, and Social. 

When you find the option you need, simply tap it, and a new document with those dimensions will be created for you. 

For even more detailed information on document presets and creating new documents, check out our Learning Hub

If there’s a preset option that you would like to use, but don’t see in the current options, use our support page to make a suggestion that we add it! We’re always trying to improve our product according to our users’ needs. 

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!

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!

Discord Size Guide: How To Create Beautiful Discord Icons & Profil Pictures

Discover how to use the perfect Discord profile picture size!