Easy Steps to Creating a Properly Sized Facebook Cover with Microsoft Designer – a Free Design Tool

This article guides you through crafting a Facebook cover photo using Microsoft Designer, ensuring the right size and dimensions for consistent display on all devices. Your Facebook background image will be customized to appear seamlessly on both mobile and desktop screens, perfectly fitting personal accounts and business page covers on Facebook.

Easy Steps for Designing a Facebook Cover Photo in Microsoft Designer

To create a Facebook cover, begin by accessing the Microsoft Designer URL in your web browser. Microsoft Designer is a fantastic online photo editor that is entirely free to use.

The process of making a Facebook cover photo through this method aligns with the steps in various photo editing software like Photoshop, Microsoft Designer, Affinity Designer, Picsart, Fotor, CyberLink PhotoDirector, or Canva.

Download Template Photo for Proper Sizing

Before moving forward, please open this page on the Dozro website. Alternatively, the template photo on this page will also work fine.

Easy Steps to Create a Facebook Cover using Microsoft Designer in Responsive Size Dimensions on Mobile Desktop

On that page, the yellow area in the template photo indicates the safe zone for a Facebook cover, ensuring visibility on all devices. However, the round blue area is not safe as it will be concealed by the profile picture on mobile phone.

Right-click and download the template photo which will help us to create Facebook cover photo in perfect size.

Select Recommended Dimensions for Facebook’s Background Banner in Microsoft Designer

Return to Microsoft Designer.

To create a custom Facebook cover in Microsoft Designer, click “Design from scratch” option.

From the default presets, select the “Facebook page cover” template.

The preset size for a Facebook cover in Microsoft Designer is ideal. To confirm, choose the page and click on the Resize option. You will notice that the current size is specified as 1640 x 924 pixels, which is optimal size for a Facebook cover. The dimensions used by Microsoft Designer for a FB cover are same as recommended by Dozro.

A GIF illustrating the process of creating a responsive Facebook Cover for all screens.

Design Custom Cover/Banner for Facebook Page

You can customize your Facebook cover design with your own text and other visuals. Explore our comprehensive video tutorial on using Microsoft Designer, available on Dozro's YouTube channel.

Watch the below video for step by step guide on designing Facebook cover in Microsoft Designer.

Use in Microsoft Designer to Create a Facebook Banner

👉️ Discover Our Exclusive Collection of Unique and Valuable Products.

👉️ Dozro Services: Check Price for Creation of Facebook Cover, Brand Logo, Clickable Business Card, and Small Business Website.

Method for Making the Facebook Cover Photo Responsive on All Devices

Let's now focus on making the FB page cover responsive for both mobile and desktop screens. Make sure the Facebook background image adjusts seamlessly to suit both mobile and desktop screens, enhancing its responsiveness.

So, access the “My Media” folder and upload the template photo to Microsoft Designer from your device.

Optimal Safe Area Size for Facebook Page Cover Photo to Ensure Proper Display on All Devices, Including Mobile and Desktop

Proper Secure Dimensions for Facebook Cover Photos

Click on the template photo to overlay it onto your design. Expand the template photo to match the full width to align it accurately with your design.

Now click on the “Position” and select “Send to back” option.

If any vital elements on the Facebook cover are obscured by the profile picture on mobile devices, reposition them within the safe zone of the FB cover.

Adjust other essential elements to ensure their responsive display on both mobile devices and computers.

Congratulations. You have created a background cover image for your Facebook page in perfect size for all devices.

Download the Facebook Cover

It is time to save your Facebook cover. Just click on the Download button located at the top right corner of Microsoft Designer to save it in PNG format. Next, choose the "Save as" option and specify where you want to store it on your computer.

Upload the Cover on Facebook

Open your Facebook page and upload the cover photo. You do not need to reposition the cover because it will fit well in the allocated space.

The cover photo will be fully visible in width and height on mobile screens with no cropping. However, on computers, small sections from the top and bottom may be cropped.

Your Facebook page profile picture also hides some portion of the cover when seen on mobile devices.

It is not any fault in your design of the cover photo. It occurs due to the default containers for Facebook Cover which are different for mobile and desktop devices.

More Resources

Check these helpful resources.

Share This Page

https://www.dozro.com/photo-video-editing/design-facebook-cover-in-microsoft-designer

Copy the above URL link and share it on social media (Facebook, WhatsApp) or save it for later help.

Irfan Hayat

As the Founder and CEO of DOZRO and various other ventures, I bring a wealth of diverse life experiences to the forefront. At heart, I am a passionate tech enthusiast. Feel free to explore our range of Pro Services, such as website and graphics design, SEO, and video editing, with confidence.

https://www.dozro.com/irfan-hayat
Previous
Previous

Facebook Cover Photo: Optimal Pixel Size, Safe Dimensions and Aspect Ratio to Ensure Responsive Display on Mobile and Desktop Screens

Next
Next

Method to Design a Facebook Cover Photo on Canva in Easy Steps