
Why ? More than 3/4 of Facebook users will lone see it on smartphones and tablets ! But you can have it both ways : here ’ s a Facebook Page Cover Photo mobile template – that besides works bang-up on background. Updated for New Facebook 2021! good news – it ’ s simple than always. Read on…
Contents
- 1 Why Should You Care about Optimizing for Mobile?
- 2 Why is the Facebook Page Cover Photo so Confusing?
- 3 What’s New in “New Facebook” Page Cover Photos?
- 4 Facebook Page Cover Photos made easy!
- 5 Facebook Page Cover Photo Mobile / Desktop Template 2021
- 6 The easier Photoshop solution for Facebook Cover Photos
- 7 How to upload your Facebook Page Cover Photo
- 8 Facebook Page cover photo size: Conclusion
2 Great ways to make the perfect Facebook Page Cover Photo!
already know how to design with a graphics program that has layers, like Photoshop ? then you ’ ll love my FREE traverse photograph template below. Not a pro designer? No worries! There ’ s an EASY on-line design app that includes a template mighty inside ! Read on for both of these options, with instructions on keeping your elements within the “ safe partition ” so it won ’ thymine catch cropped on either desktop or fluid .
Why Should You Care about Optimizing for Mobile?
Mobile use is on the get up, and this swerve will continue to grow. Google won ’ t like your web site if it ’ s not optimized for mobile – and Facebook users won ’ thymine understand your top photograph that ’ mho designed only for background see !
Facebook mobile usage stats for 2021
These are the most late stats available, checked December 2020. 79 % of Facebook users ONLY access the site by mobile ( up from 51.7 % in January 2016 ). source One billion users access Facebook daily through their mobile phones. source In 2020, 98 percent of active user accounts worldwide accessed Facebook via mobile devices. reference That ’ s up from 96 % in January 2019, and let ’ s front it, it ’ randomness good about everyone ! Because people access Facebook from a variety show of devices, the percentage numbers are over 100 %. Stats and chart : Flickroom I love my large beautiful desktop monitor, but evening I use Facebook on mobile sometimes 😉
Why is the Facebook Page Cover Photo so Confusing?
Facebook Cover Photo sizes seem to be a hard concept for many to grasp. First off, there are 4 different kinds of shroud photos on Facebook ( see below ). If that ’ s not confusing adequate, Facebook recommends unlike sizes for each. BUT the problem is NOT the pixel dimensions! Issues arise because each cover photograph has a different shape on desktop vs. mobile. Cover photos have a across-the-board aspect proportion on background. They ’ ra improbable on mobile. This isn’t because Facebook is trying to confuse designers! It ’ south because a browser window is wide. A mobile device is tall. FB is trying to accommodate these wholly different displays. however, Facebook doesn ’ t help us much when they tell us :
Your foliate ’ sulfur cover photograph :
Displays at 820 pixels wide by 312 pixels tall on your page on computers and 640 pixels wide by 360 pixels tall on smartphones.
must be at least 400 pixels wide and 150 pixels tall.
Loads fastest as an sRGB JPG file that ’ s 851 pixels across-the-board, 315 pixels tall and less than 100 kilobytes. *
yea. Well that would be great if we could actually upload a discriminate image for mobile and background. But we can ’ deoxythymidine monophosphate ! What we need to do is design a cover photo that works for both sizes / shapes. Let me reiterate, the pixel size is not the critical write out. It ’ second that the SHAPES are different. You can design for background, and have a huge assign of the sides cut off on mobile. OR, you can design for mobile, and allow some crop peak and penetrate on desktop. I highly recommend mobile-first design! As marketers, we spend a bunch of clock at a computer monitor. This is not the case with the general public ! Over half – 56.5 % – of Facebook users ONLY access the site by fluid. These folks will never see your desktop-optimized design. My templates are optimized for mobile first. *By the way, I strongly suggest you ignore any cover photograph size advice from Facebook ! This article applies to Facebook Business Page cover photos ONLY. For personal profiles, groups, and events, visit these articles for information and free templates : Facebook Profile Cover Photo size Facebook Group Cover Photo size Facebook Event Cover Photo size
What’s New in “New Facebook” Page Cover Photos?
here ’ s the bottom line. not a bunch has changed for the Page shroud photograph dimensions. The mobile adaptation stayed the same, per my iPhone display. It ’ randomness still a delightfully childlike 16×9 proportion. See it in all its simple beauty below : Pre-New FB, my iPad showed the profile mental picture, page list, and username splashed over a heavily shaded top photograph that was cropped a bite from the iPhone expose. But no longer ! now the foliate cover photograph is clean and clearly of overlays on tablet, with the accurate same cropping shown on phones. So that ’ second beneficial !
Facebook Page cover photo on desktop
The crop on the desktop version has become a piece more austere in New Facebook. Whereas Facebook is inactive telling us :
Your page ’ randomness cover photograph :
Displays at 820 pixels wide by 312 pixels grandiloquent on your page on computers source
I find it ’ s been cropped toss off to only 303 pixels tall ( if you go with that 820 width ). here ’ s how the mobile to desktop crop plays out now, in New Facebook. The purple dotted line shows the 16×9 binding photograph on mobile while the green dotted line shows how it crops on desktop : More details on sizing when you get to my template further down this article. The biggest visual changes on desktop are: 1 | The shift of the profile photograph from leave of the banner trope, to below it. There ’ south merely a bantam spot of overlap, so this south korean won ’ t mess up you banner design. 2 | That gradient ! While it can add a nice stir of coloring material when you have a solid backdrop that reflects your brand colors, it can besides look weird if your cover photograph is actually – a photograph ! Or barely different color blocks on either slope. Facebook is pulling a color from the top out edges of your header image. And if the image is different on either english, then sol is the gradient. Me no likey. You can see a couple examples below to help inform your cover photograph creation :
Facebook Page Cover Photos made easy!
Let me alleviate your confusion. It doesn ’ t have to be unmanageable. If you don ’ deoxythymidine monophosphate want to mess with Photoshop and templates, make your FB header the easy way – with Snappa ! Snappa has integrated Facebook ’ s binding photograph dimensions and safe zones into their graphic plan cock, so it ’ ll spirit perfect on both phones and computers.
Read more: The Best VPS Web Hosting Services for 2022
Inside Snappa, you’ll also find:
- 40,000+ photos and 3,500+ graphics – royalty-free and licensed for commercial use.
- Or, upload your own photos into Snappa.
- 200+ fonts pre-loaded in Snappa
- Or, import your own custom fonts to keep your branding intact.
- Hundreds of pre-designed templates!
Read on for instructions. Or jump in and try it out now ! • • • Create a Facebook cover photograph for detached NOW ! • • • Disclosure: IF you upgrade to a pay plan, I may receive a referral fee .
Cover Photos on Desktop vs. Mobile
I agree – it ’ second crafty to design your Facebook cover photograph to display properly on both fluid and background. Designing with “ dependable zones ” will get you a Facebook cover photograph that looks great on all devices ! Facebook doesn ’ t stretch and distort your prototype to fit unlike devices – it crops it mechanically rather. On a mobile device, your Facebook cover photograph will crop out the sides, while showing more of the cover photograph ’ randomness acme. And on a background device, Facebook displays more of your covering photograph ’ second width, while cropping the top and bottom. You can quickly see the difference below . Using the Facebook blanket photograph size of 820 pixels by 360 pixels and keeping critical elements within safe zones will ensure that nothing significant gets cut off on either mobile devices or background. If you ’ re ready to create a Facebook cover charge photograph, Snappa ’ south potent and easy-to-use graphics builder has made this process incredibly simple. hera ’ s a bit-by-bit television showing you how to create a Facebook Page traverse photograph in the optimum size using Snappa. Or, follow these screenshots to walk you through the process. Choose the Facebook cover charge photograph preset for a perfect top photograph size – automatically !
adjacent, choose a premade Facebook Cover template ( which is amply customizable ), or create a cover photograph from scratch .
tied if you use a template, you can upload your own image – or choose from Snappa ’ s library of unblock images. Add text, graphics, shapes, and effects to any part of the image. All of these add-ons can be :
- Dragged and dropped easily.
- Defined as to the opacity you desire.
- Placed on whichever layer you choose.
You ’ ll detect that there ’ s an overlay showing the mobile and desktop only zones of your Facebook embrace so you ’ ll never have to worry about text and graphics getting cut off. ? Ready to get going? • • • Create a Facebook cover photograph for complimentary NOW ! • • • Disclosure: IF you upgrade to a give plan, I may receive a referral tip .
Facebook Page Cover Photo Mobile / Desktop Template 2021
Prefer Photoshop, or another Canva alternate ? Your mobile Cover Photo will no long have the sides impolitely chopped off with this template. The clandestine is to make your image much taller than the recommended 820 x 312 pixels – 461 pixels tall, to be claim. As I mentioned above, the crop on desktop is now only 303 tall if you use the 820 pixel width. This gives you 79 pixels exceed and bottomland that will be cropped on background. I tried unlike expression ratios, and this one worked best. You may lose a pixel or two on one or more of the edges on fluid. Nothing worth worrying about ! You have a choice of 2 templates here : abject resolution ( 820 adam 461 pixels ) and eminent rez ( 1200 x 674 pixels ). I do recommend that you make your cover photograph larger than 820 pixels for best resolution. The one precisely below is 820 pixels wide-eyed, Facebook ’ s recommended width. barely properly click the image below to download, and choose “ Save Image As… ” For high-resolution version and instructions, keep scrolling!
Facebook Page Cover Photo template, UPSIZED!
Even better – Make your Facebook Page Cover Photo BIGGER ! I recommend 1200 x 674. Right click here to download the LARGE template. Instructions for using the Facebook Cover Photo templates under the following head ⬇️ This template is so close to the recommended size for connect shares that you can multi-purpose it. It ’ south besides the perfect size for pinch images. The proportion is 16:9 .
1. Open in Photoshop or other graphics editing program that has layers. 2. Change Image > Mode to RGB ( the template is an index color PNG ). 3. Add guidelines to match template, or use template as a translucent layer for steering. 4. delete template from image charge when your design is done. If your design broadcast doesn ’ thymine have layers, you can use them for size and ocular citation. There are more social media templates in the Free Member Area .
The easier Photoshop solution for Facebook Cover Photos
Photoshop Smart Objects ! You can find flexible social media header templates available for purchase on Creative Market. They use Photoshop Smart Objects so you can preview how your design will look on background, call, and tablet. Move your images and textbook around and see the mockups update before your eyes ! Disclosure: I ’ m a creative market affiliate and will make a minor referral tip if you purchase. I believe the belittled cost is well worth the time you ’ ll save .
How to upload your Facebook Page Cover Photo
When you upload your Cover Photo on desktop, you can adjust the top crop so it ’ randomness positioned top-to-bottom precisely as you like it. If you upload on mobile, it will crop to center automatically in desktop view. however, I don ’ t recommend this, as the compression is frightful ! Stick to uploading a PNG file via your desktop calculator and it will look 10 times better .
Facebook Page cover photo size: Conclusion
Don ’ thymine forget to visit these other articles for details and more rid cover photograph templates : Facebook Profile Cover Photo size Facebook Group Cover Photo size Facebook Event Cover Photo size For all Facebook dimensions, including ads :Check out: ALL Facebook image dimensions with infographics For all the social media platforms in one space, with links to in-depth articles on many of the topics :Don’t miss: Always-updated social media image sizes cheat sheet
Ready to make your Facebook Page cover photo the easy way?
Try Snappa on-line plan tool for rid ! Their templates give you the perfect size, with safe zones to ensure your beautiful design looks great on both desktop and earphone .
- Create highly engaging images in minutes with drag-and-drop.
- 40,000+ photos and 3,500+ graphics – royalty-free and licensed for commercial use.
- Or upload your own photos into Snappa.
- 200+ fonts pre-loaded in Snappa.
- Or import your own custom fonts to keep your branding intact.
- Choose from hundreds of pre-made templates, suitable for a wide range of niches.
- Image dimensions for social media, display ads, blogs, emails, and infographics.
Whether you ’ re a couturier or not, it ’ randomness in truth got everything you need. • • • Create a Facebook cover photograph for free NOW ! • • • Disclosure: IF you upgrade to a pay plan, I may receive a referral fee. What do you think ? now your Facebook Cover Photo size can rock on mobile just like on background ! plowshare with a friend .
Read more: Collocations | Vocabulary | Flickroom