Banners have a surprisingly high number of use cases when it comes to social media sites. The most obvious one of them is to draw attention to itself. When it comes to Facebook banners (or cover photos) – those are also used as the source of information showing off your products, services that you provide and so on. Additionally, banners can be used for announcements, holiday wishes, free giveaways, etc.
Facebook profile photos, on the other hand, are a bit more limited in use cases, mostly used to show your company’s logo and rarely – anything else. That’s not to say that this place is for logos only, it can also be your product, service, location, or something else that represents the nature of the page in question.
However, that’s not to say that you can upload any image as your banner or your profile picture. There are some standards that Facebook upholds to make sure that the uniformity and the adaptability of any image are at their finest.
Facebook banner and profile picture
The simpler one of the two is a Facebook profile picture – with the specifications being 170 x 170 pixels, in the form of a square image. It’s also recommended to leave a bit of space from the edges of your profile picture so that you won’t lose important details due to the cropping.
Facebook cover images, on the other hand, are different. First of all, the recommended dimensions of the banner in question are 820 x 312 pixels. Additionally, business pages within Facebook can upload videos instead of images as their banners, allowing for even more versatility than before.
However, this comes with some limitations, such as the same pixel size – 820 x 312 pixels, as well as the overall limitation on the length of the video in question, which is from 20 to 60 seconds.
An example of a Facebook banner resized and a Facebook profile image is shown below (taken from the official Microsoft page on Facebook).
Banner resizing using Photoshop
Image resizing is not exactly a difficult feat, but it can also turn problematic in some specific cases. As an example of the process, we’ll be using one of the relatively common methods of resizing an image – via Photoshop.
First of all, the resizing process needs to start off as a document of sorts, be it the one that you’ve created manually, or one of the many templates for Facebook banner resize purposes that could be found all over the Internet.
If you’re creating a file of your own, it’s important to remember the correct parameters from the start – 820 x 213 for cover images, 170 x 170 for profile pictures. Fitting your preferred image in these boundaries is the resizing process as it is.
It’s important to use a specific key combination (Shift+Alt for Windows, Shift+Option for Mac) to make sure that your image keeps its proportions and stays in the middle of the document after the resizing is done (key combinations should be pressed continuously every time you’re resizing the image in question for everything to work properly). A check mark icon on Photoshop’s toolbar or the Enter key can be used to save the resizing results.
Exiting the Transform mode via the Enter key or the button on the toolbar is the correct way of saving your changes before exporting the image. It is worth noting that you can go back to Transform mode anytime by pressing either Windows+T (Windows) or Command+T (Mac) key combination.
Exporting your image is also important for you to be able to upload your new banner successfully. The correct way of saving your image is via the Save for Web option (File menu, Export tab). This option allows for further customization of the image in general, and it’s highly recommended to use JPEG High preset and to set the Quality parameter at about 60 for the image to be both small enough in size and not too blurred or pixelated.
This is the entirety of the resizing process for any image via Photoshop. Of course, it’s not the only method, and it’s definitely not the easiest one. Alternative means of resizing your images for Facebook banners are presented below.
Alternatives for Facebook banner resize
There are plenty of different tools and services all over the Internet that are offering resizing capabilities, as well as many additional features. The list of all of the resizing tools would be quite extensive, so we’re presenting our top-10 banner resizing tools:
Resizing is one of the many features offered by Viewst ads builder. At its core, it’s an online application with plenty of use cases and features, capable of creating and modifying a lot of images in a short period of time. The combination of a user-friendly interface, a wide range of image modifying features and a built-in template library makes it an incredible tool for many different purposes, from Facebook banner resize to more extensive modifications like adding text, animating, and such.
Kapwing is another example of a multifunctional service that offers not only resizing feature but many other ones. Its resizing capabilities are also good, offering cropping and position customization along with multiple presets for resize. Other features that Kapwing provides include subtitle adding, video trimming, audio adding, as well as other features.
As a multifunctional editing tool, Pixoate is somewhat less broad with its capabilities, focusing mainly on resizing, cropping, and converting. The list of basic features includes image resizing, image compression, image conversion, adding a border, rotating, and so on. Multiple different templates for social media sites are also available, like Facebook, Instagram, etc.
Even more specific in its capabilities is a Social Image Resizer Tool. It does exactly as its name says – resizes images for specific social media sites and converts them in a specific format, if necessary. What’s interesting is the number of resizing templates that you can choose from, including a Facebook cover image, Twitter header, Instagram profile photo, Pinterest board thumbnail, YouTube channel art, and more.
Somewhat similar to the previous example is another tool called Image Resizer & Editor. Once again, as the name describes, two of the main features that this tool is capable of providing are image resizing and image editing. First of all, there’s a standard image editor included, capable of many actions, like filtering, cropping, drawing, framing, and so on. Additionally, there are two different ways of resizing your images with this tool – manually and using templates. Manual resizing is available directly from inside the editor, and the template-based resizing offers many different templates for various social media sites, including Facebook, Tumblr, Instagram, Twitter, Pinterest, YouTube, and LinkedIn.
Another interesting example of an image resizing tool is Landscape, offered by Sprout Social. Sprout Social on its own is a subscription-based social media business solution, and yet, the Landscape itself is completely free. It’s a really easy-to-use service with a step-based image editor, offering resizing templates for different social media sites or enabling you to input your own dimensions manually.
Wondershare is a multifunctional converter that works not only with images but also with audio and video files. It offers useful bulk conversion abilities and all of the images can be resized in the process. As a solution mostly focused on conversion, it does not offer any templates for social media, and yet it is still incredibly handy to resize many images at once in the matter of seconds.
Getting back to more simplistic resizing tools, there’s Resizr. It’s a relatively old resource that still offers plenty of features, aside from the basic resizing. There are also quality changes, aspect ratio changes, brightness and contrast levels, various filters, and so on.
BeFunky is a sophisticated photo editing service that offers a comprehensive list of image editing features (among other things) and is a good match for most of the basic image editing in general. Its resizing features are relatively basic, but the ability to further modify the image in question before or after resizing makes it more valuable than before.
On the other hand, Promo is a good example of a sophisticated tool that specializes in resizing. It offers not only the basic feature of resizing both by percentage and by pixel amount, but also includes many different templates underneath the tool itself. Uploading the image makes all of the templates below the tool to change to that image so that you can see the final result of your resize operations before you choose the correct template for your purposes.
Resizing an image for the purpose of setting it your Facebook banner is not particularly difficult, and there are many ways of doing it. Two of the most obvious of them we’ve described above, with them being Photoshop and many different online resizing tools. There’s also the fact that some online tools offer the bare minimum of resizing, and the others are providing multiple different additional features so that you can find a tool or method that suits you the most.