Badly sized images are blurry, stretched, and can cut out key messages that you need to convey. So why not take a look at the Facebook image sizes you should be using and the best tools for creating and resizing images for Facebook.
Before we dive into the different Facebook image sizes, let’s take a quick look at some of the image updates that happened in recent months:
Your Facebook page cover displays at 828 pixels by 315 pixels on the PC and 640 pixels by 360 pixels on smartphones. Sounds easy, right? Creating the PC-friendly image is easy but ensuring the text fits well for mobile viewing can be tricky. Even Facebook expert Mari Smith mentioned it when she uploaded her latest Facebook cover.
Mari says “Given the fact that approximately 90% of Facebook users access the platform predominantly on mobile, it’s best to design your images & content to allow for that.”
Remember too that Facebook also reduces image quality for all photo uploads. If you have a designer, then make sure they know this and keep the file size small but the resolution high.
TAKEAWAY: When you are uploading a new cover photo, immediately check it on tablet and mobile to ensure the text and image displays properly. If you are a well-established page then it pays to practice on a dummy page or upload the image at a time when your users are not online.
Yes, they are here! Video covers for your page are displayed at 820 x 312 pixels and can run from 20-90 seconds. Wait a second though, before you rush in and upload a cool video, take a bit of time to plan properly. The Facebook cover video loops after 90 seconds so if you want it to go for that long then you need to remember this.
However, conveying a lengthy message in your 90 seconds probably won’t work. That’s because sound is muted unless the viewer wants to turn it on and listen all the way through. The video will automatically start to play when someone visits your page, but you should opt for a video which is eye catching, conveys your message but doesn’t require a user to unmute or watch the entire length.
Takeaway: Check out this video we made for Contentworks Agency. You will see that the elements are on brand with the hot air balloon carrying the brand’s message across the clouds. Simple yet effective with no sound required. Animaker is a great tool for those wanting to try their own animated videos.
The optimal size for post (shared) images is 1,200 x 630 pixels however the maximum width and height in your Facebook feed is 2048 x 2048 pixels. The orientation of your image—whether it’s horizontal or vertical will determine which dimensions Facebook uses to show your image.
I tend to stick with 2048 x 2048 for most Facebook posts as I find this produces the nicest fit and displays any text in a clearer way. Again, as with the cover, you should check that images are displaying correctly on mobile and tablet as well as PC.
Takeaway: Your Facebook image doesn’t need lots of text as any messages should be written in the status bar and not the image. Whilst the 20% text rule was officially scrapped, Facebook still maintains a low ranking and reach for images with lots of text. See the below examples from Facebook.
When you share a link to Facebook, let’s say from your WordPress site, the image associated with that link will also be displayed. You can see a preview of this below:
In my experience, the image is usually 470 pixels x 246 pixels although tall images like infographics, will display at 158-pixel width and 237-pixel height. (Check out Venngage for making great infographics.)
Choosing an image to go along with a link, starts within your WordPress site because Facebook looks at the Open Graph tags for a page which specifies the image that Facebook should use when sharing in the News Feed.
The easiest way to add the image you want, is to use a plugin like Yoast SEO for WordPress, which handles the code and implementation for you.
Takeaway: One great way to respin the same piece of evergreen content is to change the Facebook image that goes with it. One way to do this without even entering your WordPress panel is to paste the link and then click the + button next to the original image. Upload a new image and then hit x to remove the programmed one.
For your Facebook Group cover image, you need to use the size 1602 x 500 pixels. In the center of that image is an area of 886 pixels wide which is the area which displays on all devices. Therefore, any key image or text should appear in this area. Remember, as with all page covers, Facebook group covers are governed by the rules of Facebook.
Takeaway: With the new Facebook redesign, Facebook Groups don’t have nearly as much visibility on the home page stream. Creating an exciting cover image that sizes properly on all devices is key to attracting new members.
If you are hosting or promoting an event then creating one on Facebook is important for attracting attention. The correct Facebook event cover size to use is 1920 x 1080 pixels.
Remember too, that any photos you upload on the event wall will be resized to 1920 pixels wide. If you upload a smaller size then your image will be stretched causing a fuzzy or blurred appearance.
Takeaway: Canva is a great tool for creating a Facebook image because in addition to preset templates, it also allows you to create custom dimensions. No chopping or cropping, design your event cover at the correct size to begin with!
Facebook Carousel photos display at 600 x 600 pixels and it’s important to get it right as they can be a really engaging way to promote your business. Check out this great Carousel from Hulu.
According to data collected by Kinetic Social, these ads can also drive up to 10 times more traffic to advertisers’ websites than static sponsored posts and they get a 72% higher click-through rate. The Facebook carousel format enables marketers across Facebook and Instagram, to show 3-5 images, headlines, and links or calls to action in a single ad space.
Takeaway: Use PicMonkey to create a series of perfectly sized Carousel images. If you need to crop an image once it’s uploaded to Facebook, click Reposition Image to drag and drop the Crop Image tool onto the part of the image you want to show.
When you are creating a Facebook ad you will need to pay attention to the different image sizes that will be generated. Your ad can be displayed on Desktop Newsfeed, Mobile Newsfeed, Right Column, Instagram and Audience Network. Digital Marketer does a great job with its Facebook ad images as you can see below:
Some key points to remember when you are creating a Facebook image for your ad:
Takeaway: If you are using real photos of your products then be sure to edit them to look amazing first. Try Be Funky which allows you to add filters, remove imperfections and create image collages! Still not sure? Check out Amanda Webb’s great article on Facebook ad tools right here.
What Facebook image sizes should I care about? All of them! It is a good idea to keep a note of the key sizes you and your designers will need and be sure to communicate them effectively before the creation stage.
Which Facebook image tools do you use? Leave a comment and let us know.