Facebook Size Guide: How To Create Beautiful Facebook Cover Photos
Facebook's role as a social network has increased in scope in recent years. Facebook started out as purely a social outlet but has quickly grown to be a source for networking, organizing group events, and even selling your unwanted items.
Here’s our ultimate size cheat sheet for creating Facebook graphics.
Facebook Sizes;Recommended Sizes
Facebook Profile Image;180 x 180 pixels
Facebook Cover Image;820 x 312 pixels
Facebook Event Cover Image;1920 x 1005 pixels
Facebook Image Post;1200 x 630 pixels
Facebook Video;1280 x 720 pixels
Facebook Story;1080 x 1920 pixels
Facebook Image Ad;1200 x 628 pixels
Facebook Video Ad;1080 x 1350 pixels
Facebook Messenger Ad;1200 x 628 pixels
Facebook Ads enable robust and easy-to-use advertising for small to large businesses. And their Marketplace feature is a perfect way to get started selling your goods on a small scale. If you have a business or provide a service, having a Facebook page is expected at this point.
You need to be aware of size restrictions for the many different types of Facebook images when you are building or updating your Facebook profile or brand page.
If you’re new to posting pictures on Facebook, you’re definitely going to have some questions. That’s where we come in!
We know it can seem daunting, especially since Facebook is constantly updating their layout and requirements. But if you’re uploading images to your Facebook page, it’s crucial to make sure you’re uploading them in the right format and size.
In this guide, we’ll cover the recommended sizes for each of the different image types on Facebook, including profile photo size, cover/header photo, event cover photo, video size, story, and post image sizes.
We’ll also talk about the maximum file size and minimum size that Facebook allows and some best practices to consider when designing each of them. And we’ll get into the nitty-gritty of the recommended pixels for mobile devices and desktop devices.
Facebook Profile Picture Size
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 larger picture than this as long you keep in mind that your image will be cropped to a 1:1 aspect 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 image you select for your profile picture will be seen everywhere - next to any comments you leave, in the popup when someone hovers over your page name, and when someone visits your page.
We recommend selecting an eye-catching image 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. Remember, this will be the image your friends, customers, and followers will recognize you by, so it’s important to find a picture that represents you or your brand.
Note: Facebook has changed the location where your profile image is displayed for business pages. Business profile images now appear on the left side of a user’s screen. This helps people differentiate personal accounts from business accounts.
Make sure to consider how your profile photo will fit with your cover photo spot. Because Facebook overlays these two images, you can get creative with this feature.
Here’s a great example of how this can look for different devices.
It’s important to consider how the picture will look on different devices, so make a note of the required pixels on desktop and mobile, and always consider how things will look to a mobile user or iPad user compared to a desktop user.
Facebook will automatically crop the image you upload into a square photo, but you will have the ability to choose which section of the image you want the square to be centered on.
The easiest way to create a Facebook profile picture is to use Vectornator’s built-in template, which will automatically create an artboard with the correct size. This will help you avoid any major sizing faux pas.
Facebook Cover Photo Size
Your cover photo, AKA your Facebook banner, appears at the top of your page, and displays at 820 x 312 pixels on desktop, and 640 x 360 pixels on mobile devices.
The most crucial thing to keep in mind when creating your Facebook cover photo is that you should make sure your important content is 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. Again, you should make sure that the most critical information is in the center of your banner image.
The minimum size allowed by Facebook is 400 x 150 pixels. And the ideal file size will be less than 100KB. To avoid compression of your image, upload a JPG or PNG file (if you have text or a logo in your cover image, PNG will work best).
One thing you can do to help your profile grab your audience’s attention is to incorporate video content by using a video for your header image. This simple effort will really make your page stand out.
There’s a lot of competition on social media networks, so savvy marketing strategies can be the boost your brand needs. And using a cover video with a product feature is far more impactful than a generic image.
You’ll also want to be aware of balancing the color theme and color palette with the branding elements and other images on your profile. For example, if a logo is used as the profile image, use whitespace and other design elements to incorporate the logo and header naturally.
And, as always, be mindful of the display size and use a high-quality image for your header image.
Facebook Event Cover Photo Size
The recommended size for your event banner is 1920 x 1005 pixels, which is about twice as large as your profile cover photo.
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!)
Facebook event cover photos are not displayed at the same size as a normal page’s cover photo. A normal cover photo has a smaller size, and event cover photos display at a higher resolution.
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.
With a correctly sized image, you’ll be able to capture a larger portion of your audience. Our pre-made template will give you the perfect banner size so you can focus on time and energy on designing an eye-catching image for your page.
Heads up: your Facebook event cover image cannot be edited after it has been posted, so you’ll want to use our template to make sure you get it right the first time!
Facebook Post Size
There is a little bit of wiggle room here, but our Vectornator template and recommended size for this image is 1200 x 630 pixels.
A Facebook post is the most fundamental way to interact with your followers by posting text, image, or a GIF to your page.
The best course of action for this type of image 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.
Pro tip: If you’re sharing multiple images at once (2-10), your images will display as a carousel display, and the best size for those images will be 1200 x 1200 pixels.
Just keep in mind that Facebook might cut off some of your information if your image is not the correct size or dimension, so be sure to take this into account by starting with an image of the correct size by using our Vectornator project preset templates.
A classic photography tip is to use the [golden ratio](https://www.whitewall.com/us/mag/golden-ratio#:~:text=The Golden Ratio in Photography&text=The photograph is divided into,lines and at their intersections.) to make your images more appealing. The golden ratio helps you create visually appealing compositions by dividing the image into 9 rectangles that you can use to center your photo like the image below.
And let’s not forget about posting videos on Facebook! The optimal Facebook video size is 1280 x 720 pixels.
Uploading video content is a fantastic way to engage with your audience. But you’ll want to make sure your video is long enough to inform your audience but short enough to keep their attention.
The maximum video length that Facebook allows is 240 minutes, but the ideal time for engagement and audience attention spans is between 2 and 5 minutes.
Facebook Story Size
Facebook Stories are designed to take up the full phone screen on mobile, so the ideal size is 1080 x 1920 pixels.
Facebook stories are a recent Facebook feature that can add an extra boost to your profile. The story feature is great for quick, engaging content. You can use filters, add text, and draw designs on the screen to give your story post some added oomph.
Facebook Stories allow you to share an image or graphic for a period of 24 hours. After that time, it disappears permanently, just like a Snapchat story.
Because these stories are quick, you’ll need to take extra care that they are catchy and visually appealing because you have a limited time to make an impression on the viewer.
Here is an example of how Facebook Stories are displayed at the top of the mobile home screen.
You’ll want to use a 9:16 ratio for story graphics and make sure not to pick an image that has a width smaller than 500 pixels.
Tip: If your story has text, you should make sure the bottom 14% (250 pixels) doesn’t have any text to ensure your text isn’t cut off.
You’ll also want to keep in mind that the story feature looks different on mobile than it does on desktop.
Facebook Ads Size
The preferred size for a Facebook image ad is 1200 x 628 pixels. Facebook video ads should be a maximum of 1080 x 1350 pixels (ratio 4:5), and at least 1080 x 1080 pixels, ratios ranging from 16:9 to 9:16 are also supported. Facebook Story ads are recommended to be 1080 x 1920 pixels. Lastly, Facebook messenger image ads are recommended to be sized to 1200 x 628 pixels.
Here's a glimpse at how Facebook Ads appear on a user's screen.
With Facebook for Business, you can manage your own ads and track how they’re performing with very little knowledge of digital ads.
Facebook Ads work great for any business size, from a mom-and-pop shop to a global enterprise. They’re easy to manage and allow for a variety of targeting.
The key to a great Facebook ad is to create a visually appealing graphic to draw your audience away from Facebook and to your website to make a purchase or view your content.
With so many ways to display your ads (videos, posts, stories, and images in messenger), You’ll need some help making sure your ads are sized for each option. And naturally, we’ve got templates for that!
Read on to learn how to create a new template document.
Creating a New Template Document
Use the Vectornator document picker to create a new document that has the preset template that you want.
To do so, open the Vectornator app and 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’ in the options or choose one of the template categories to jump to the section you need.
We offer templates for 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. Simple and easy!
For even more detailed information on document presets and creating new documents, check out our Learning Hub.
Facebook Graphics with Vectornator
Whether you’re using our guide for your personal profile or your business page, you should be set for success after reading this guide!
Making quality graphics is about so much more than just the design. And, when you use our built-in template library, getting your graphic sizes correct will be a no-brainer.
Making sure your Facebook visuals are sharp will greatly impact how your content looks on your friend’s and connection’s news feeds. And the better your page looks, the better engagement it will have!
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 suggest we add it! We’re always trying to improve our product according to our users’ needs.
Now that you know the recommended sizes for profile pictures, header photos, event cover photos, videos, and posts- get to posting! And if you use our templates to create an image, let us know! We’re always excited to see our templates in action.
Follow us on socials and tag #Vectornator for a chance to be featured on our channel!