After March 30, Facebook will force page owners to switch to Timeline. Facebook has restrictions on these images. They cannot contain the following elements.
Price or purchase information. References to user interface elements. Calls to action. Optimize the Size Facebook says cover images should be at least pixels wide. Center or Right-align the Focal Point Due to the fact that the page avatar — i. This cover contains elements forbidden by Facebook. The use of a web address is prohibited on cover images. Lake Champlain Chocolates cover image. App icons can contain promotional text and images. This is incredibly helpful.
I think I have a plan now for at least something temporary — instead of a gray rectangle at the top of the page — and I appreciate that. I checked out all of the links to the FB pages. Such creativity! Great job to all and thanks for all of the information, Danielle. Glad you found it helpful, Karens. Did you end up designing a cover photo for yourself yet? I did get one ready finally. Thanks again for your great tips! I like that Page name! The photo has good subject matter.
The main improvement would be if you can use a photo editor to auto-correct the white balance because the image appears grayish. I appreciate your guide image and sharing the exact pixel dimensions. Even though I was frustrated that Facebook was forcing this on me, I hope the new design will interest visitors. Those Pages have a blank space where the cover photo would be, and the Page admins have a new alert message in that space that tells them what happened.
Wow… Fantastic job! Thanks for the very detail and value post! And yes, I got mind. Just wondering if you could check it out and show me the mistakes? The only potential mistake I see is the arrow pointing to your profile icon is similar to the example of what not to do in the Facebook terms 4th bullet point in Step 1, above.
Amazing article, so useful for me right now. Thanks for your How-to help, Danielle. I always welcome tips, demystifying solutions, and Facebook best practices. Your directions helped me get our cover photo posted on time as well as develop a strategy for frequent modified variations.
Thank you for that feedback, Mari. Your design is very original. I could see how those photos could be changed out to update it over time. Yes, those are ok for personal Profile use. Businesses should use a custom design that reflects their own brand. Many are well worth the price and I bought a service for the first time last week and was very pleased. Usually when someone is willing to work for free or cheap there is an unfortunate reason for it.
Thanks very much for this post! It helped me get a cover up before they switched to the Timeline and your instructions made it easy. It looks like you did everything right and have a worthy cause there.
I would recommend creating a profile image that is in focus so that people can read your logo when your icon shows up next to posts. I already made my facebook cover and removed it because it looks distorted. Now I know the exact size to use and what to include on my cover. Thanks for the information. This guide helped me… Thank you, Danielle. I just checked mine and they look the same. Please let me know if you figure it out. Last week, the yarn in the cover was almost 0. Back to normal this morning though.
Thanks for the info. FB is just now forcing the timeline on me. For some reason until tonight I had the old site. I have one question. I notice you have a image of a qr code in your examples. Ian, Someone else asked this same question on the cover photo itself, in my Facebook Page cover photo album.
Can we use animated gifs in that page? From a user experience design perspective, I want to caution that animated gifs are generally regarded as annoying visuals, so be sure the business use overcomes this factor. I was wondering what the deal is with the sizes… I was uploading new elements for my personal facebook page and was surprised that when i loaded my x profile image that it told me that i needed to have a width of px for the profile image… is the profile image itself different and the place where the cutout of the profile x ?
Unfortunately, the mobile rescale is something controlled by Facebook and your device, so there is nothing I know of that we can do to change how it appears there. I just updated my Facebook iPhone app now, and it still does not display cover photos for Facebook Pages, only personal Profiles.
Are you seeing cover photos for Pages in the app version? Thanks for your wonderful tips! Really made me realize how awful my original image was. The profile pic is larger now. Oh I see. Although the size for the Cover photo is correct, the size of the profile pic is not. It is actually pixels by pixels. This will only be an issue for those of you who put text near the Profile pic like I did.
Otherwise, this was extremely helpful! Both specs are noted in my template image embedded in the article, above. This article was so inspiring it got me to focus on my timeline cover photo. Thanks Copyblogger! Please check it out:. Amazing and creative article i read here. Is there anyway to keep facebook from downgrading the image quality?
But in general, give FB an image in exactly the size they ask for if you can help it, and in jpeg it seems. But thanks for the feedback. Great blog post. Sean, Rest assured, as the creator of the original art, you are probably the only person who notices any distortion there. The profile image is very pixelated though. Brad gave some excellent tips.
Thanks Danielle. I have no tie to the page itself, my friend just asked me to make a cover photo for them. Are there different types of fb pages? There are different types of Facebook Pages, but as far as I know every type of Facebook page includes a cover photo area.
It sounds like you have the cover photo option. Are you clicking the save or submit button after you upload it? I can see it on the computer, under all the admin panel stuff, but not on my iPhone. Mine changed me over to the new timeline. When I open it I still see my wall in the same way but when others open it they see the cover photo and timeline. If you click on your profile name in top right corner you can see how others see it. Why does it say x pixels,when the minimum image upload size of x pixels?
Does it crop the minimum or resize it or is that for the frame? Robin, If you click to enlarge my template image above, you will see I have noted that the display size is yet the minimum upload size is Facebook shrinks the image for you, so no need to worry about cropping. Make it at and let Facebook resize it to On your template image you say the width of the cut-out space is pixels wide but the profile icon size is pixels wide.
No, the cut-out space is the entire area which is cut out of the cover image, which includes the borders around the profile icon. The profile icon itself, sans the borders, is displayed at Danielle, you are a godsend. Tanya, Thank you so much! I followed the specifications x pixels and saved as a jpg, and used quality elements in the image — most of which were vectors or text created or dropped onto Photoshop layers.
The image looks crisp when I look at it in Photoshop, and even looks crisp when I look at it in Facebook as a stand alone image i. I created it as x , and it looks fine in the actual photo albums. Why would they look crisp in Facebook as stand alone images but distored when placed as cover and profile pics? The link is below. Hi Dinah, I took a look at your page and your cover image looks very crisp to me, but your profile icon looks very blurry.
I suggest creating the profile icon at their min. Facebook processes each file type slightly differently upon upload. Ok so I am thinking about removing my site from Tumbler and get it to a WordPress site. I think this is a wordpress site right? If it is, may I ask where you got the theme? Thanks a bunch! It seems picking a single cover photo that looks good on both desktop and mobile is a challenge. I sort of stumbled into something I like on both platforms.
This is ok for a personal page, but probably not desirable for a business page. Seems like this could be a good leading edge topic for you to cover. Jay, Thank you for bringing this topic up. I am not sure if the mobile version was active when I originally wrote this article, but it does appear the location of the inset profile icon is different on mobile.
I tried to click your Facebook link but it says page not found. Is that okay by Facebook standards? Pinning a post allows you to highlight a typical Facebook post at the top of your Timeline. How does this relate to optimizing your Facebook cover photo? Well, if you're spending time aligning your Facebook Page CTA, your cover photo design, and your cover photo description copy, you should also make sure to post about the same thing directly to your Page and pin that post to the top of your Timeline.
That way, your visitors have one very clear call-to-action when they land on your Page albeit in several different locations — which will give them more opportunities to convert. How to pin a Facebook post :Publish the post to Facebook, then click the three dots on the top right corner of the post and choose Pin to Top of Page.
Choosing the right cover size for your Facebook Page may seem simple, but it can have a huge impact on users and prospects visiting your Page. An ill-fitting cover photo or video can look unprofessional and give the wrong impression about the quality of your products or services. With the tips in this article, you have the information you need to create a Facebook cover photo that embodies your brand and engages users on the platform.
Editor's note: This post was originally published in July and has been updated for comprehensiveness. Originally published Oct 7, PM, updated October 08 Logo - Full Color. Contact Sales. Overview of all products. Marketing Hub Marketing automation software. Service Hub Customer service software. CMS Hub Content management system software. Operations Hub Operations software. App Marketplace Connect your favorite apps to HubSpot. Why HubSpot? Marketing Sales Service Website. Subscribe to Our Blog Stay up to date with the latest marketing, sales, and service tips and news.
Thank You! You have been subscribed. Start free or get a demo. Marketing 10 min read. Get the Templates. When people arrive at your Facebook Page, where do you think they'll look first? That's right — it's your Facebook cover photo. Facebook Cover Photo Size Facebook cover photos are pixels wide and pixels tall for desktop, and pixels wide by pixels tall for mobile. Make sure your Facebook cover photo is the right size. Give your cover image a focal point. Avoid blending the contents of your cover photo with your profile picture.
Draw attention to the action buttons on the bottom right. Right-align the objects in your cover photo. Keep mobile users in mind. Include a shortened link in your cover photo description that aligns with your Page CTA. Pin a related post right below your Facebook cover image. Topics: Images. Don't forget to share this post! Expand Offer. Download for Later.
0コメント