Quick Summary
- Facebook Cover Photo Size:
- Recommended size: 1880 pixels by 704 pixels.
- Displays responsively based on browser/device size.
- Profile picture overlays the cover photo.
- Facebook Profile Picture:
- Displayed as a circle with a diameter of 132 pixels on desktop.
- On smartphones, it’s 128 pixels and on feature phones, it’s 36 pixels.
- The image is cropped to a circle when displayed.
- Shared Link Thumbnails:
- Displayed at 500 pixels wide and 261 pixels tall.
- Photos on the Timeline:
- Single photos: Max of 500px wide and 750px tall.
- Multiple photos: Layout varies based on the primary image’s orientation.
- Event Header Images:
- Displayed at 500 pixels by 262 pixels, with a 16:9 aspect ratio.
- Facebook Image Quality:
- Facebook compresses images, which can affect quality.
- To maintain quality, upload images less than 99KB and use sRGB colorspace.
- Facebook strips out all metadata from images.
Back in mid-2020, as if we didn’t have enough going on, Facebook started rolling out a new desktop layout for its site.
The new design is cleaner, with much more white space, and brings it closer in line with the mobile version. But it’s also quite different. And judging by the number of people who flocked to my guide to switch back to the Classic Facebook layout from New Facebook, an awful lot of people don’t like the changes.
But it has since rolled out to everyone, like it or not, and Facebook has removed the ability to switch back. If you happen to still be using the old layout (or Classic Facebook, as they’re calling it) through a plugin or CSS layer, you can find the previous version of the Facebook size guide here.
So this is a revised version of my unofficial Facebook image size guide to account for the latest layout, which they’re calling New Facebook (the old version is being called Classic Facebook). 1
Images are an important part of using Facebook–it’s one of the world’s most popular places to share photos–but if you’ve come across this page, you’ve no doubt found out for yourself that working out what image sizes to use on Facebook isn’t as easy as it could be. It involves some wrangling to get the results you want. Each type of image on a page, profile, and the timeline has its own size and quirks. And Facebook never has been very good about making its help pages easy to find.
Keeping things even more frustrating interesting is that Facebook changes things from time to time, usually without any warning. Sometimes it’s a small, incremental tweak. Sometimes it’s an entire overhaul (such as when timelines were introduced and again when they were changed from two columns to one column). So it’s always a bit of a moving target. And there always seems to be a new system just around the corner, just as we get used to the old one.
So whether you’re using Facebook pages for social media marketing or simply trying to post photos for friends and family, here’s my latest version of the unofficial guide for the sizes of Facebook photos on the various parts of the site.
This is a preliminary effort, and things change. If you come across different display behavior, do let me know so I can investigate and update as necessary.
Table of Contents
Facebook Cover Photo Size 2023
Recommendation: Use an image that’s at least 940 pixels wide by 352 pixels tall. But if you want better quality, use an image that’s at least 1880 pixels by 704 pixels.
The Facebook Cover Photo is the large panoramic image space at the top of the timeline. It’s also sometimes called the banner image or the header photo.
Its display is responsive. Put another way, the size it’s displayed on-screen varies by the size of the browser window or device screen. You can see this effect if you change the size of your browser window while viewing the page.
With the previous layout, trying to figure out what would display correctly in the Facebook cover photo was a bit complicated, because not every part of the image would display at all sizes. There were safe zones and strips being trimmed off on the desktop display.
The new version has simplified things. The whole image is displayed and resized in a much simpler way.
That said, there are some issues to watch out for.
Firstly, they’ve gone back to having a narrow band of graduated shading at the bottom. It’s an overlay, which means it sits in a layer on top of your image. So you won’t want to include any important text or detail in that bottom strip.
Secondly, it’s taking the color of the outermost pixels from the image and using them to create a shaded color section on the blank section behind the image. Here’s an example of what I mean, with it taking the red from the outside border of the image and applying it to the white section behind. (I’ve cropped out the profile pic here to simplify things.) Brands with a specific color palette will want to take particular note to include the desired colors at the very edge of the image.
Thirdly, the bottom corners get slightly rounded (or border-radius, to be technical). It’s not very aggressive, though, so it is unlikely to cause issues for many users. But if you’re using a stroke line around your image or other detailed framing, it might cause problems. It’s applied automatically, and there’s no way to turn it off.
Fourthly, the profile picture is now back to overlaying the cover photo. Although it’s only subtle in this version, and only a sliver obscures the cover photo.
Changing Your Facebook Cover Photo
If you’ve just set up a new Facebook profile or page and don’t yet have a cover photo, just click on the “Add a Cover” button at the top of the page where the Cover Photo will go.
Once you’ve added your photo, you can replace it easily. When you’re logged in to your account and viewing your page, click on the Edit button at the bottom right.
Clicking on that opens a drop-down menu from which you can choose the source for the new photo. This is also the same menu to use if you want to remove or reposition an existing photo or use a Video Cover or Slideshow Cover.
Cover Photo Types: Single Images
In terms of types of images, panoramas are ideal. Simple crops also work, although the effectiveness is obviously going to vary based on what it’s the image. And there’s nothing stopping you from assembling multiple photos into a collage in your imaging software, saving it as a single image file, and uploading that. Like these, for example:
Cover Slideshows: Multiple Images
Until fairly recently, it was only possible to choose one photo to act as your static cover photo. But a new feature has been added: slideshows. You can now select up to 5 photos that rotate. Access this feature through the same menu that lets you add or change the cover photo (i.e., the camera icon at the top left of the cover image section).
When you create a slideshow, you’re given the option to select up to 5 images that will be used. Use the filmstrip at the top to choose the images either from existing images or upload new ones. You can then click on the thumbnail and get a preview of how it will look in the larger space below the thumbnails. You can click and drag in that section to reposition the image in the viewport.
You can also have a dynamically generated version that lets Facebook choose the photos based on what’s performing well and based on the activity on your page. You can turn this feature on or off using the switch at the top right of the slideshow editing screen.
If you’re using the slideshow cover, your visitors can navigate through the slideshow using the arrows on each side (the previous layout had position indicators at the bottom, but they’ve gone in the new version).
There are a few things that I find odd about the way the slideshows currently display to visitors. The first is that the slideshow doesn’t advance automatically. So to see more than one image in the slideshow, your visitors will have to know to manually advance through using the arrow buttons at the side of the image. I suspect only a very small percentage will do so. The second thing is that if you turn off the option for Facebook choosing the images, it displays the images in the same order every time rather than randomly. The upshot of both of these things is that, at least in how it’s currently implemented, the vast majority of your page’s visitors are likely to only ever see the first image. The third oddity–at least to me–is to accommodate the new shaded color highlight in the background section. Because that’s drawn from the displaying profile image, it changes along with the profile image. That’s not necessarily a bad thing, but it is something worth knowing.
Cover Videos
You can now also use video files for your banner area. They must be between 20 and 90 seconds and measure at least 820 by 312 pixels. The recommended size is 820 by 462.
If you’re shooting a video clip for this using a camera that lets you choose the video resolution, the 720p mode would be a good place to start because that measures 1280 by 720, which comfortably has enough resolution.
I have more detailed guide on Facebook video covers separately.
Facebook Profile Picture Size
I have a more detailed post on Facebook profile picture size separately, but here’s the gist.
| Display Type | Dimensions |
|---|---|
| Desktop/Laptop web browser | 132 pixels |
| Smartphones | 128 pixels |
| Feature Phones | 36 pixels |
The Facebook profile picture is now at the bottom left of the cover photo, overlapping slightly with the bottom of the cover photo. It has been shrunk slightly from the previous versions, down to a circle of 132 pixels diameter.
It has a thin white line around it that’s applied automatically—you can’t remove that or control it.
The good news is that you don’t have to upload a circular image, something that would be a bit of a pain to create. Instead, you can upload any regular rectangular or square image. Whatever shape the image is that you upload, it will be cropped to a circle when it is displayed.
Facebook Profile Picture Display Sizes
Desktop/laptop web browser. In a regular Page view, such as when someone is checking out your profile, it displays in a desktop’s web browser as a circle with a 132 pixels diameter.
Phones. The size the profile picture displays on mobile phones varies by the type of phone. On modern smartphones, it displays as a circle with 128 pixels diameter. On older phones, it displays at 36 pixels diameter.
When up select a photo to add a profile picture, you’ll get the option to move the focal area around (assuming it’s not square) as well as zoom in and out (so long as it exceeds the minimum resolution).
The profile image that appears next to your name on comments and posts in the timeline is the same image and is still a circle, but it’s automatically scaled down to a diameter of 40 pixels.
Size Requirement for Facebook Profile Picture
Because it displays so small, you’re unlikely to run into an issue with image sizes. So long as your image is at least 132 pixels on its shortest size (which is pretty tiny), you should be good to go.
Shared Link Thumbnails
The thumbnails for shared links display in a web browser at 500 pixels wide and 261 pixels tall.
For a while, it was possible to choose a different shared link image, but that feature has been removed. For now, at least, there is a workaround if you share the links using a social media management service such as Buffer, but you can’t choose a different image to use from within Facebook anymore.
If you’re sharing links from your own site, it is possible to specify which image you want to use as the image thumbnail, but that’s something that you’ll need to set up on your site and is beyond the scope of this post. But if you’re looking for what terms to Google on this, what you’re trying to do is set the “og:image” property in the page’s Open Graph metadata. Here’s Facebook’s documentation, and if you’re using a CMS like WordPress for your site, there are plugins that can handle it for you.
What you can still do is add more thumbnails that are in addition to the original (not in place). When you go to share a link, use the bottom section of the popup to add more images. But you can’t deselect the original image anymore like you used to be able to.
Photos on the Timeline
The size and layouts of thumbnails on the timeline vary according to how many images you’re sharing in the same post, as well as what orientation-specific images have.
Here’s how various combinations display. All images get a 1pix white stroke around the border.
Single Photo on the Timeline
When you upload an image to the timeline, a thumbnail is generated automatically to fit within a box that is 500px wide and up to 750px tall. So if you want to use the maximum space available, upload an image in portrait orientation (vertical) that is in the ratio of 3:2. This is an example of using the maximum available space:
If you upload a landscape (horizontal) image, it will be scaled to 500px wide and retain its shape. The full area of the image appears without any cropping.
This is another rectangle in landscape orientation, but it’s a much narrower aspect ratio like a banner or panorama. The width is again 500px, and the image is scaled so that the entire image area appears.
If you upload that same image rotated 90 degrees, so that it’s tall rather than wide, it will be cropped to the maximum available area of 500px by 750px.
And if you upload a square, the whole image will be displayed, with the width at 500px.
Posting Multiple Images at Once to a Page’s Timeline
You can upload multiple photos at once to the timeline. How they’re displayed depends on how many images you’re uploading and the orientation of what I will call the primary image.
The primary image is what I’m calling the one that displays first in the uploading popup, and it also displays larger in some of the layouts. So far as I know, there’s not an official name for it, but I’m going to go ahead and use “primary image.” So that’s what I’m referring to in the section below.
As well as displaying first, the primary image has another important role. It determines the layout you get. If you upload three images with a square primary image, you’ll end up with a different layout than if you upload three images with a rectangular primary image.
The easiest way to select which image serves as the primary image is to drag it to the left in the upload dialog.
Here’s an example of what I mean. In this one, I’m uploading two images, an orange square and a green vertical rectangle. If the orange square is in the first position in the upload dialog, like this:
it posts like this:
Uploading exactly the same two images but reversing them, so that the vertical rectangle is first, like this:
displays like this:
The same principle applies if you’re uploading two, three, or four images–the layout will always take its cue from the primary image.
2 Images With Horizontal (Landscape) Primary Image
The full width becomes 500px. The top image is 250px high; the bottom is 249px high. There’s a 2px white line between them.
2 Images With Vertical (Portrait) Primary Image
2 Images With Square Primary Image
3 Images With Horizontal (Landscape) Primary Image
Because the layout takes its cue from the primary image, you can mix and match the orientations of the non-primary images–they’ll still display the same.
3 Images With Vertical (Portrait) Primary Image
3 Images With Square Primary Image
4 Images with a Horizontal (Landscape) Primary Image
You can mix and match the orientations of the non-primary images–they’ll still display the same.
4 Images with a Vertical (Portrait) Primary Image
4 Images with a Square Primary Image
5 or More Images with a Horizontal (Portrait) Primary Image
It will display the first five images in a kind of mosaic pattern, like this. If you include more than five images, you’ll get a small button overlay plus symbol to display the others.
5 or More Images with a Square or Vertical (Portrait) Primary Image
You’ll get the same display whether the primary image is a square or a vertical rectangle.
Full-Width Photos on Facebook’s Timeline
Yes, they were cool. The image spanned both columns. But Facebook did away with them in their redesign in mid-2014. Your updates now only show in a single column, and there’s no way to make photos wider than that column.
Event Header Images
No matter what shape image you upload as a header image for an event post, it’ll be cropped to an aspect ratio of 16:9. For best results, upload an image that’s 1920 by 1080 pixels. But something to watch out for is that in the main event view, it’s scaled-down quite a lot, so don’t use fonts that are too small (people can click on the image to open a larger version, but not everyone is going to do that).
When it’s displayed on the main event page it’s scaled to 500 by 262 pixels, like this:
Facebook Image Quality Issues
Something to be aware of is that Facebook compresses some images pretty aggressively when you upload and display them.
It makes sense–naturally, they want to speed page loads and reduce bandwidth by applying as much compression as they can get away with. I’m not the only one to wish they’d be less aggressive with their compression, but how noticeable it is will depend on whether things like the range of colors in your image and the amount of detail in your photo.
In the examples above, the JPG compression is far more noticeable in the montage version than in the Sydney Harbour Bridge version. I set the quality and sharpening settings the same for each in the originals before they were uploaded. Some users have reported that images with lots of reds and oranges seem to show the effects of the compression more than ones with blues and greens, but it depends on the actual image.
It also seems to depend on what kind of image you’re displaying. Photo gallery images seem to have less compression applied in displaying than do design elements like the cover photo and profile picture.
There are some things you can do in prepping the images before uploading that can help reduce the chances that your image will come out looking crappy.
Upload images that are 99KB or less in filesize. Facebook should leave images less than that untouched, which gives you control over how the compression is applied.
Upload images that don’t have a lot of compression already applied. For JPGs, for example, try keeping the quality setting at 80 or above–Facebook is going to compress it again anyway. If you’re using software that factors in colorspace (like Lightroom or Photoshop), use sRGB colorspace. And uploading images that are already resized to close to or at the target display size and not overly sharpened seems to work well.
If none of these work, take a look at my post on how to get sharp text on Facebook images.
Getting Fuzzy Text, Logos, or Watermarks on Images?
If you’re including text, a logo, or watermark and finding that it’s ending up fuzzy and unclear due to the JPG artifacts, I’ve got a separate post detailing how to fix it: How to get sharp text on Facebook images.
Image Metadata on Facebook
While not specifically related to image sizes, it is worth knowing that Facebook strips out all metadata from your images. That includes all GPS, camera type, and other data that your camera might embed, as well as anything like keywords or copyright information you might have added. (An exception is if you’re in Germany).
Facebook Photos Cheat Sheet
| Width | Height | Notes | |
| Cover Photo / Cover Slideshow | 820px | 360px | |
| Profile Picture in Header | 172px | 172px | Must be at least 180px by 180px |
| Profile Picture on Timeline | 40px | 40px | Same image as main Profile Picture, automatically downscaled |
| Shared Link Thumbnail | 500px | 261px | Only for single thumbnails. Multiple thumbnails are cropped. |
| Uploaded Timeline Photo Thumbnail | 500px max | 750px max | See exceptions above for multiple images. |
| Event Header Image | 500px | 262px | 16:9 aspect ratio only. For best results, upload 1920 x 1080 px image. |
Related Posts
- Mark Zuckerberg had originally announced the update back in April 2019, but they took their time rolling it out. Changes like these are often rolled out incrementally, and not everyone saw the update at the same time.[↩]
What is the ideal photo size on a regular post that I then decide to turn into an ad by Boosting it and adding a button to the ad?
This arises because if one chooses “Get more website visitors” as the goal of the Boost, Facebook automatically adds a button with the desired URL. A note comes up in the button dialog box: “Adding a button may crop your image.” It certainly does. If the image is vertical, FB makes it square. If the image is horizontal, FB cuts off the side edges.
So, if I know I’m going to turn the post into a Boost later, what size should the original image be so that when I add a button the image does not get cropped?
Thank you for this image size guide! Your updates have been my go-to Facebook image guides for years. Great information succinctly presented with clear visuals!
The funny thing is that I have been using Facebook for about 10 years but I still don’t know about the perfect image size on Facebook. thanks for your informative post.
Why do you or any of the other people who write these guides not realize that there is a ‘story’ image as well?
Thank you for your hard work on this. Read the whole thing a couple of times. It’s still Chinese Algebra to me. Guess I’ll stick with text and emojis only in all my posts.
Do you have any pointers about photos that are in Albums?
The photos are so big now.
And unlike with Classic, if you hover a photo, you don’t see if there are any comments.
You have to click on each photo to read comments.
You specify that if there are 4 square images in a single post, facebook will display them equally in 4 squares. However, my most recent post that has 4 square images is displayed in the way a post with a vertical (portrait) image as the main image. It has the main image displayed as portrait (so it’s cut off on either sides), and three squares vertically next to the main image.
Why? Do you think facebook will sometimes randomize how it display multiple images? Or is it using some kind of AI to supposedly make the main image looks “better”. It’s not looking better in my case because it is cut off.
I just noticed that when timeline photos don’t fit exact aspect ratio they appear with a colored background. The color is obviously taken from the image itself but can look quite ghastly. Any options or ways to address this. I would prefer a no color border
I’ve also noticed this! Any ideas? We use predominantly square 1:1 images for our Facebook Ads and Timeline posts, and are now noticing Facebook pull a colour from tthe image and make a background, rather than allowing the image to be full width.
I’ve been having this issue as well. Did you find any solution? If you did, please help.
Try using a one pixel border on your images, as its colour is picked-up for the background grad. …just a thought, if you choose a white border, will the background be white?
Hello,
Firstly, thank you soooo much for this!
I tried your dimensions of 960 x 352 for the Cover Photo and it fits beautifully! However I am still a little confused because in your cheat sheet box at the end of this article, it says the Cover Photo should be 820 x 360 px…?
And also, it seems strange that when I google Facebook Cover Image Dimensions or suchlike, it seems that everyone site (including Facebook’s!) says 820 x 312 or 360 pixels.
Is 960 x 352 definitely right?!? (Crikey, Facebook!)
Thanks again in advance : )
I’ve used the 940 x 352 px sizing on the new FB Banner, desktop perfect, mobile it doesn’t resize the the banner, it cut big slices on the left and right side just like the 90 px in the classic version.
Am I missing something here?
The cover image on my Tracy Lost & Found Pets FB page is NOT the stated dimensions. What size image am I supposed to use in this much smaller space?
I want to thank you for this valuable information. I was searching for these dimensions for images on Facebook. I am happy, that I came across the information on this site. I hope it will help to many other fellow photographers as well.
Thanks,
Wishing you all the luck,
Sincerely, Daniel Caro
I apologize if this has already been addressed but I simply could not read every comment!
You state that the profile photo is located toward the bottom left with only a bit of the profile photo appearing in the cover photo. On my fb page, the profile photo is centered on the bottom edge of the cover photo, and blocks a huge part of the cover photo. Is my version an old one (I’m not using the ‘classic’ version) or is there a way to move the profile photo back to the lower left?
Thank you!
I’ve been meaning to add the personal page layout. On personal pages, it’s now centered. And no, I’m not aware of any way to change it, unfortunately.
SARA!!! I JUST FIGURED IT OUT!!!
We lost the “skip cropping” option because we were in the updated version. Go back to the Classic version and when you try to upload your profile picture, the “skip cropping” will be there.
Happy uploading!!!
My frustration is understanding the difference between the pixels FB requires for cover photo and the size I find in various options on the internet. I use XXX images for most pictures. Some work and some don’t. These images give a dimension such as 1100 X 617 JEG. How does that compare/convert to the pixel requirement of FB. Thank you
It used to be that you could change your profile picture using a desktop rather than mobile and there was an option to “skip cropping” which would automatically save the entire photo. Of course you’d still have to crop the thumbnail but it was nice to at least have the full photo, especially bif say it had a watermark and you wanted to leave it to credit a photographer. I’m no longer seeing that option and I can’t find anything to definitively answer whether that feature went away or not. Any thoughts? Thanks!
I encounter the same issue. It has me confused as to why they would remove this very useful option! I’m slightly frustrated.
I’m with Sara on this. The “skip cropping” button is GONE on the desktop version, and that was the only way I could upload my entire profile picture. Why isn’t anyone else talking about this?
Why won’t Facebook post my picture via desktop — it’s only 827 × 461 pixels and 500kb???
Are you getting an error message?
Same here he crops the 2048 px, even my 1200 px are not good
use canva, thank me later.
As of about Oct 1, 2019, all the photos I post to my timeline and to groups appear much smaller and at a lower resolution than before with a whole bunch of black space around the photo. I hope this isn’t a new Facebook standard because the photos don’t look very good. If I post those same photos to an album on my Facebook page, they appear much bigger and with good resolution. All the photos I am uploading are, as always, 2048 px on the long side.
Experiencing exactly the same problem. Seems images are now limited to 1200 x 628 pixels with the height being the most important. Anything larger will be resized. Like you I find the quality is awful and I had to resort to uploading to albums again, however this is not an ideal work around. Mostly I’m annoy that it seems to have only impacted on certain individuals as there are others still able to upload at 2048 pixels.
I experience the same thing! Even with pics on 1200px, the quality of my pictures is crap and even my watermark is not readible :( :(
Hi, Do you have any tips for uploading photos on Facebook Marketplace? When I post my photo the top and bottom of the item is not seen only the middle. Thanks in advance.
Sorry, I don’t. I haven’t used Marketplace.
me too, I realize this is an old post,,,,but…can someone help pls
m
This article is SO amazing but, unfortunately it is missing the ONLY photo size I was looking for: FEAUTURED PIC. I am trying to do a single Feature Pic for a client and it look ok on mobile but, on Desktop looks cropped on one side. I know nobody looks at it on Desktop other than me (haha!) but, I hate seeing it cropped! Do you happen to know the exact dimensions? Thanks!
How funny, I’m here on the same day to make the exact same comment! The About Us image looks fine everywhere but on my desktop when viewing the page’s home/timeline. Again, no one probably views this on desktop but me, but still!! How do you avoid the image being cropped on the right side?
Facebook android app has been having trouble with link images after one of the past 3 updates (past 2 weeks). They are now showing small and badly cropped thumbnail images, most of the time. This is only affecting links shared by users, not pages or ads. Image show fine on the desktop and web version, seems to be just a problem with the android app.
This has caused a steady drop in traffic.
Having the same problem causing difficulties on our client’s campaign microsite
Yes very annoying. I too am finding that when I use a link say from Flickr that the edges of the link images are cut off in the timeline when viewed on the IOS app. It is described in the article that 90px are cut from both edges but in reality I have not noticed this before.
The link image is displayed perfectly in a desktop browser or mobile browser.
This (Sean’s comment) is the first place I’ve found that talks about the problem of link images getting cropped in the FB app on Android. My 1200×628 image shows fine on desktop browser and mobile browser, but shows only the centre part in the app, which of course looks terrible especially if there is text included. This seems to be the case whether I type a URL into a new post or share from my Wordpress site. So glad it’s not just my imagination!
Thanks so much for the detailed post. I am teaching a class to small business owners on how to use Facebook, and am going to share this link as a follow up resource. .
great…thank you very much!!!
Hi, Today I noticed that the cover photos on the mobile are not cropped at the sides at all. Strange enough, not for every page I have visited – so some still have it cropped. Perhaps, part of the new roll-out….
First, FB dropped the ability to crop photos in a post, now it has to be done before uploading to FB. I HATE IT!
But now, I can’t even preview my cover page and slide the picture around or crop before posting it! My profile picture cuts off half the image and I no longer can slide the photo to adjust around it.
Can you please help with this?
Use something like Canca.com to adjust crop reposition your cover image before posting it. You can use some of their free images or download your own one for editing. You can specify a fixed image size which suits Facebook
I just used Canva to create a new cover photo for a FB group I manage; it loads entirely too large! I’ve tried resizing to a different “goup” size I found in a blog – it’s even larger. Sigh…
I’ve been trying to find the best resolution to post images in my groups. Posting images in groups seems to be more strict, when it comes to resolution, then posting on a timeline. I tend to adjust my image sizes to 2048 px width and in portrait orientation(based on previous, outdated forums). It’s also difficult to find info on group image resolution postings. Help me…you’re my only hope.
Thanks for your time,
Ryan
Hi:
Just wondering why FB has recently changed the Fullscreen mode size – when uploading a 16×9 pic you could select Full Screen and just the pic was displayed. Now the text box on the side is also displayed. Anyway around this?
Cheers,
Andy
Haven’t noticed this myself but will look into it.
16×9 full screen mode, still the text box on the right side is also displayed, annoying as we can see the text in the timeline already … full screen mode is waste now, to see the photo still full screen now you must right-click the photo, open in tab and press F11 … rather cumbersome !
You would look into it since February 23 2019 … no change yet
Right click photo and select view and it will be full screen on desktop. Don’t know about android devices.
Hello Davaid
Thank you for your efforts
How can i choose squre primary pic view when I upload 4 pictures?
Some times it showed as square but other time is not! How can i control this?
Much appreciated
It’s working consistently for me so long as the first image at far left is a true square. You can reorder as part of the upload process by dragging and dropping to change the order. If it’s not that, I’m not sure–I’m not able to replicate myself.
Hi David,
I was wondering if you knew the picture size dimensions for when you’re doing an FB audio recording?
The default is a circle picture of your profile BUT you can add a picture of your choice, do you know the dimensions?
Thanks
Yvonne
I don’t know off-hand, but I plan to overhaul this page in the next week or two and will investigate this issue then.
Hi, why is it that no matter what size of image I upload to the Group cover window, FB stretches it beyond the dimensions of the window image area? I have inspected the image size window and it appears to be 820px wide by 428px high, uploaded an image by that size and it still shows up stretched beyond the cover window dimensions on all sides. Please help. Thanks.
Same with me, on desktop view (looking at it from the phone) fb keep stretching the image wider. Very annoying, I gave up on it.
Most recently, Facebook has changed profile thumbnails from square to circular. I know that if you attempt to change your picture via smartphone, you will be required to crop both the thumbnail, and the picture itself. However, by changing it from a desktop or laptop, you can skip the cropping for the actual picture. The issue I’m running into isn’t so much the fact that you have to crop the thumbnail, but rather that Facebook won’t allow you reposition the crop. I have an image I’d like to use but since I can’t choose how to position the crop window one of my eyes get’s cut off, so it looks kinda weird. I tried zooming the window but I just can’t get anything that doesn’t do the same. If I could position it differently it wouldn’t be an issue. Is there any way around this other than meticulously playing around with the image until it aligns right? Sorry for the long response but it’s annoying when changes like this are made but it makes something simple more difficult
Thanks–I’m planning to completely update this page in coming weeks and will factor that in.
Hi David, I took the same panorama on an iPhone 7 and on a Canon EOS 750D stitched together using Panorama Stitcher Mini on a Mac. The iPhone picture I can display on Facebook in wide screen by turning off the 360 view but with the Canon picture Facebook crops it to 3:2 when I turn the 360 off. What can I do to display as a panorama?
Off the top of my head, it sounds like FB is getting confused by the aspect ratio. Things worth trying would be to crop the Canon version’s height to make narrower and see if that makes a difference.
Thanks David, it is at 6.25:1 (20,513 x 3282), whereas the iPhone one is 4.3:1 (16,378 x 3810), so its already wider and shallower than the iPhone one.
Hi,
As of yesterday (Oct 2018)… when I upload i.e. 7 photos to timeline, it will show all 7.. one larger, rest smaller. What I have issue with: the first image in the past was always the ‘larger, featured’ image. However that has now changed. It looks as if Facebook makes the image with more interaction be the bigger image now. So, that might be the last photo out my upload, as it it the punch line! And that, frankly, destroys any option to have a final punch line, tell a story, keep focus on what I wish when people see the post!
I really, really, really do not like this. And worst, it is not even only applied to new posts, but to all past posts as well! Completely takes away posts put together for an intended purpose.
Do you have any work-around or way to turn-this-off so to speak??
Thank you for any help or hints!
Sorry, I don’t have a quick fix right now but will investigate further.
Ok – Thank you very much!
I just noticed that if you upload more than 1 picture it no longer displays in a collage format, rather 1 pic at a time. Can this be fixed?
Not sure off-hand but will look into it.
Mine as well, since October 2018 all the photos showing one by one, portrait and you have to swipe through to see it all.
I like the previous one better (the collage format). The most annoying part on the new format is that all photo shown in portrait so if you have a landscape photo it will get cropped
which is the best size in fb cover photo
Thanks for this update. I’m noticing that my previously-crisp images are being pixelated and stretched in the Facebook photo galleries. They look terrible and I end up deleting a lot of them. What are the best dimensions of pixel counts less likely to be mutilated by Facebook’s own compression algorithm? I’m displaying concert photos–up to 20 of them in photo posts or galleries on Facebook. They look great on Twitter.
This is so helpful! I help run the facebook for my workplace work, so while my personal business page is pretty easy to run and I don’t really care what it looks like, the business one posts a lot more varied stuff and sometimes I get frustrated with the way facebook arbitrarily decides how to resize, preview and display the photos or thumbnails I am trying to use.
My question is, other than sizing the photo ahead of time to match what it will try to resize it to anyway, is there any way to predict how it will actually post (orientation, center point, etc) if you don’t?
Like today, for a vertical image, it previewed horizontal. For a horizontal image, it previewed vertical! For a square, it previewed square and then POSTED horizontal. WHY, FACEBOOK, WHY.
It’s obviously very frustrating to try to fix one problem, and then for facebook’s engines or programming to create a totally new one arbitrarily, to not even post what the preview showed you, and to not allow much editing or changing after the fact. I remember being able to move an image around and crop and zoom it exactly how you wanted in the window that was available, but all of those options are gone now. Does facebook WANT it to be unintuitive and difficult? What’s the upside for them when it comes to frustrating their users and making marketing on their website so difficult for those of us who are familiar with technology, let alone their huge base of users who are NOT technically savvy?
Pro tip: design at the recommended size, export your Facbook images twice as large.
On desktop it may seem quite okay, but when you see it on your phone you will start crying.
That’s because phones have way more pixels per inch. Square images look best at 1080px x 1080px @ 72dpi. 72 dpi is the best to design in, because your pc screen uses that pixel density.
Oh, and by the way. Texts looks really crappy, really fast in jpg format. USE PNG. VERY IMPORTANT.
I read some article that stated that the proper dimensions for Facebook photo albums are 960px X 720px. Is this correct? I believe Facebook compresses the images when they “process” it.
This is my go-to website for image dimensions for social sites. Thanks for keeping us all up to date!
Glad it’s helpful!
Hello, could you please help me with a problem?
I added photos in a facebook page album and wrote captions on each photo. The thing is that once you click on the picture in the album, the moment it appears on a black backround you can read the begining of the caption in white with “see more” button in the end. If i press “see more” all caption disappears instead of appearing over the picture in white. So there is no way I can read the captions of pictures unless they are shared on the timeline with a post text that is the same one again. What am I doing wrong?
Thank you!
My concern is with photos I post as comments to photos. I have no control over orientation and they will rotate to landscape regardless of the uploaded photo’s position. Thanks.
Hi. I have an old junior high school newspaper that I took photos of on my iPhone and wanted to share them with friends on Facebook. The original images show the text very crisp and clear, but when downloaded onto Facebook the text looks fuzzy. I’ve tried altering the image resolution, but nothing helps make it look like the original image. Can you help??
They’re not foolproof, but here are some tips for getting sharper images on Facebook.
That’s normal behavior. Facebook compress the images to reduce their size. It’s possible to upload an image and mark it as HD but if you are sending the images via the chat facebook will always compress the images. To avoid that you can upload the picture at a free image hosting website and send the link to your friends.
Hello David,
A friend of mine alerted me to this issue today. The FB cover photos are for some reason not taking the 815×215 sized cover photos. We both use our laptops..on our cell phones, the images appear to be fine! I have viewed other cover photos in other groups where this has happened, some are off where others are fine! Are you aware of any updates or changes that FB is or has made? Thank you!
Totally agree with your genius tips.And the images are so colourful.
anyway, thank you for your hard work! I have a son and a daughter.Hope it will be working for my sweet daughter.Thanks again!!
https://babyishcare.com/gift-14-year-old-girls/
your site is good and useful.
I will be happy if you can solve my problem. System I am using is HP Windows 10.When I publish photo (from my photos Library) on Facebook timeline the photo become gigantic no matter on photo size.
Not sure off-hand why it would be doing that. Have you tried viewing the results in different browsers? In theory, the browser’s style sheet when you go to view the timeline should scale the photo appropriately.
Just want to thank you for this valuable information. I was searching and searching for the dimensions for images on Facebook and came across the information on your site.
Thanks again,
Wishing you the best,
Thank you for this guide. I appreaciate the methodical way you went about this and the information is really helpful. I wll refer back to it again and I see some other posts you have written that I need to check out as well.
I used to create an album and add as much photos as I want not just 30 photos !! And when i add more photos to the album the next day it shows on my friend’s timeline that I added that amount on photos to the album so they show as a single post at the end. All the comment and likes i get shows under the album but bow i dunno what happened i crratrd a new album but i am bot able to add more than 30 photos at once and when i add new photos to the album they show as a new post as well !! Does any1 knows how to add more photos to an album eithout postibg a new post
Hi, I run an online newspaper & classifieds site and I have some promotional images that I had been making that were 600px wide x 315px tall. They used to display great, but since May they no longer fit in the news feeds, they now seem to be both a little too tall and too wide. I even tried scaling them to your suggested size of 262 x 500 and this didn’t help either as they are still too big to fit in the news feed area. Any help would be truly appreciated. I believe that 600 x 315 was a standard Facebook pic size, if you could tell me what images of that size have been changed to, that would be great.
Do you have an example? From what I see on your feed, most of them are shared links with thumbnails that are still displaying at 476×249 (that’s the same aspect ratio as 600×315). I see one new shared link that is displaying slightly differently for some reason–did you do anything different when posting that one? I’ve just test on my own now and when doing it in this order–posting the URL then replacing the link thumbnail–it’s still displaying at 476×249.
Hi.
Any suggestions how to make a viral image like this work on Facebook?
I downloaded this photo and found out it was 419×960. Made my own with the same sizes but Facebook decided to view the bottom, not the top.
Forgot to paste the image link:
https://www.facebook.com/franktastic300/photos/a.454590051386560.1073741828.454563344722564/731620320350197/?type=3&theater
I am an artist & will create albums for my work. Must my album photos correspond to the Timeline photo stats you have presented? (No, I didn’t read Every post to see if you answered this.) Thanks.
You can post pretty much any size you like, especially with album photos. The guidelines are simply for how they’ll display on desktop browsers to fit in Facebook’s interface.
I’ve been uploading photos in Facebook’s gallery and sizing them 960px X 720px. That seems about right, but it’s still off. I wish Facebook would just tell us what the best sizes are and put it where we can find it easily.
Sorry you’re being inundated with all of these comments! I see that you’ve updated this post two weeks ago, but I’m wondering if FB has made changes once again. I shared a link to my Facebook Page and the text on the photo was cut off at the top. I used the recommended dimensions to custom-create a design in Canva, and then used Social Warfare to set the image. It seems like the only safe thing to do now is to share an image without text, unfortunately.
Unfortunately it’s impossible to ever rule out that they’ve made changes, and they typically roll them out gradually so that not all users see the same thing at exactly the same time. So it’s hard to say for sure. That said, I tested on my pages just now and it’s still working normally for me with these dimensions. I’m also sharing a link from a post where the social media image is set with Social Warfare.
1200 x 630 on links! Used it forever.
Hi David,
Excellent guide, however I noticed that if you choose aesthetically pleasing display, for example the 476 with 3 157 on bottom, when clicked on images, they are still 157 on the pop up zoom…
So it seems there is no way to both get a nice display with uncropped images AND a pop up of adequate dimensions?
Article says it was updated 21 hours ago, but images we’re uploading to our company timeline at 714×476 are getting the bottoms cut off. Any chance the specs have changed in the last day?
Tested it on my own page just now and it’s working normally for me without cropping.
714 x 476 wont work. I got a photo 530px x 880px and as mentioned above I reduced it to the ratio 3 : 2 or 300px x 450px and still it won’t fit. After uploading the uploaded image size didnt change at all compared to the original and the reduced size.
This article is really helpful!
I’d love to see some event-cover sizes for Facebook, but otherwise it’s great.
Cheers
Done. They’re cropped to 16:9 aspect ratio and displayed at 500 x 262 px. For best results, upload an image that’s 1920 by 1080 px and make sure fonts aren’t too small when scaled down for display.
Thanks for your informative post. But I need one help please, in my facebook page shop section I have added several photos resolution 1582*2048. But, I can see the header and the footer of the photos are invisible. I tried the editor option. Also tried to resize the photos with other edit options but that is still unchanged. Can you tell me what should be the actual site of shop section images?
Regards
Sohorab
I have a related question which your article does not seem to cover. I frequently upload pictures I took into albums and most of the times when I then view them on FB by visiting an album and clicking through the pics or even viewing single pictures full-size the quality is pretty bad.
I reckon that is because FB resizes or compresses images that are too big? But what is too big? I have now started resizing all my pics to be within 160×1200 px but am still having the problem.
Is there a maximum size for an image so that if I keep my picture below that size FB does not resize or compress it?
My aim is to show of my beautiful pictures without FB messing with them so if there is a specific pixel or KB size I need to respect please let me know.
I cover a similar issue in a separate post. While that’s not specifically on album photos, the same sorts of principles apply to getting somewhat better quality.
Thanks so much, I’ll take a look at that article right now.
There isn’t one facebook was giving users a tightrope of fair to good optimisation that has now been cut.. no matter what you do clarity and sharpness have become a thing of the past.. facebook is no longer a viable platform for professional graphic designers or photographers.. Saame.. not even 100k or 60k goes without the chop!!!
I would like to ask about the photos at Facebook Note but not the cover photo. I add some photos on the note(not the cover photo) but here these photos appear differently according to the devices, the worst thing is that one can zoom in or zoom out on one device, but on different phones or tablets, these function is disabled. Please kindly help me with this issue. Thanks
Hello, this is very helpful information, thank you. Can you please tell me what the image size should be for posting jobs (on company page)? Being that posting jobs is such a new feature on Facebook, I’m not having any luck finding the information as of yet. Thanks in advance.
^ this +1
I’d also be interested in this!
Following! Has anyone have an answer for this already?
Can you tell me whether it is possible to place photos on Facebook that are taken from Istockphoto, Flickr and other such sources ?
The new facebook gigantic size is crap,and it needs to be returned to how it was as soon as possible
I’m having the exact opposite problem of FB zooming. I’ve created a png that is exactly the right aspect ratio, but it loads in too small with white space all around it. FB will not zoom in to make the photo fit the space. I’ve tried large photos, small KB, tried different browsers, everything I can think of. Then I tried any old photo and sure enough FB zoomed in.
The banner was created in Illustrator and turned into a png. Do you have any idea what I may have done that is stopping FB from zooming in. Thanks.
Tell me Poster size plz
Dear Sir,
I will be happy if you can solve my problem. System I am using is HP Windows 10.When I publish photo (from my photos Library) on Facebook timeline the photo become gigantic no matter on photo size.
Sorry, but I’ve not run into that issue and am not sure what would be causing it. It might be the browser doing it, in which case some things worth trying are clearing the browser cache and reloading the page or opening the page with another browser.
I’m suddenly (as of today) having the same issue. I use Google Chrome, but tried FireFox and Internet Explorer, and it still looks the same. It used to be that as long as I made images 350 pixels wide, they would post as 350 pixels wide, but now no matter what size I post, they’re all huge (fill the whole space) and distorted.
I noticed this yesterday. Every picture on my timeline is now gigantic and I haven’t done anything differently.
I have the same issue – I am an admin on a page and each day put up a new post with photo. The photos are provided to me, and come from different sources so are different sizes. In the past couple of days they have been huge no matter what, whereas before a small photo was a small photo! I hope this can be fixed, as it looks awful.
I have the same issue. What’s going on with this stupid Facebook, lately
Same w/me & I’m trying to sell beautiful hand-made (by ME) jewelry on sale groups. I can’t begin to describe how hideous; distorted; grainy; 10 X the size…etc., my photos look. They use to be perfect pics! I’ve tried EVERYTHING…pls help!
I am having this issue as well.
began noticing it about a month ago.
Same problem. used to be able to add a thumbnail pic to an ongoing weekly post. They always retained their original size until recently and now they are blown up way too big & ugly!
any dimensions for the brand new EVENT covers??
why do they keep arbitrarily changing sizes????????? AAAARGH.
facebook sometimes demonstrates zero respect for users…
Exactly what I’m looking for too.
If Facebok would stop changing the dimensions every other week,
That would be great.
What’s the bloody point, really. It’s not like it does anything else than annoy us who have to design sh!t to post up there lol. x
In another words, w-t-f and which are the dimensions? :))
Wow thank you author for this lovely and informative post. I was looking this kind of information on google and after that i saw your website top position and after i checked full article about facebook post and i would say with the help of your post i can create different facebook post, cover photos, profile photo and multiple share images size easily. Please share this kinds of informative post timely.
All are exact sizes. But increase in sizes are good in quality images.
Such a great ressource ! Thanks!
It would be great if you could update it regularly!
The distributions of images have changed for Pages regarding to traditionnal accounts.
And now you have several templates for Pages.
And for Profile pages, it would be great if you could measure the distances regarding the inclusion of avatar photo inside the cover photo.
Stay tuned–I plan to overhaul it to factor in FB’s newer layout very soon.
Thank you!
Look forward to your followup post.
Has this post been updated to include new dimensions?
I gave it a complete overhaul about a week ago, so it should be current.
I’ve been trying to adjust my cover photo on Facebook for about a week now and include a custom photo. After reading this post, I finally understand what needs to be done to update the main photo. In addition to that, I know what the best size is to use for this specific spot. Having traveled to a number of cities (my favorite being Chicago this year), I want to add a header that displays my adventures. Incorporating that collage app is going to make my cover photo look super sick!Thanks for the tip!
Glad it was helpful!
Is the displayed size the same for an image contained in a Facebook video as for a timeline post?
How do I copy and post a business card for a profile picture?
Nice job. Very helpful. This is the best of the Facebook image size guides that I’ve used, and I have tried many.
Thanks. A very useful article.
My problem was the same as Lisa’s – I want to post a small photo that won’t take up the whole width, about the size of a sticker. Very sad to find it can’t be done, but at least I can stop trying.
It’s there any easy way to use your own image as a sticker?
On my website, I would like to automatically display facebook profile pic of anyone already logged in Facebook.
Is there anyone who knows where to look for a code that works apart from facebook documentation that is not so helpful ..
Nice article – a real reference piece – simple layout and very logical – used heaps – well done
Providing images on Facebook has got to be one of the most frustrating aspects of promoting my site on Social Media I’ve experienced in the last few years. Seriously?? Why do they make it so goofy? My biggest problem hasn’t been the size of the thumbnail, but where it is cropped. I’ve tried a few third-party solutions but these don’t always work either.
The Facebook Photos Cheat Sheet table at the end of the article needs to be corrected for Cover Photo width. Should be 828 according to article.
Very nice presentation of information. A valuable resource!
hi im trying make a 4 pics and want it to display as square… it does’t work…please help
THANK YOU for this!!! Such a great help, now I can make my photos look a whole lot better on Fb without guessing about the size!
Does anyone know why the design of three pictures added in one post to a Facebook site is different from the design of the same three pictures posted on a private profile? In my opinion the site design is not pretty, because none of the three pictures is shown completely…
I would like to be able to re-position my cover photo which you cannot do if it’s 828×315
Please provide the LARGEST dimensions for a cover pohoto
Thanks
You can upload an image that’s much bigger without any problems. So if you like you can just upload the original or the largest you have available.
When you create an event on Facebook, you have the ability to add a cover photo for the Facebook event page. This is an important step to take because the event cover photo will be used where ever you are trying to promote your event. It is recommended that you create your Facebook event cover photo to 784 x 295 pixels to eliminate any undesirable resizing or cropping.
An image sized to 851 x 315 pixels, the same dimensions as a Personal Cover photo, will also work as it has a near identical aspect ratio (~2.7:1). It will simply be scaled down proportionally to fit the 784 x 295 pixel event cover photo container.
The Facebook event cover photo will appear on a personal timeline as 470 x 174 pixels.
I was recommended this website via my cousin. I am now not positive whether this post is written by means of him as nobody else understand such distinct about my problem. You’re wonderful! Thank you!
I’ve tried everything I can think of, but I’m still learning to use this laptop. I’m trying to upload a photo from my pic folder to facebook but it keeps saying it’s to small that I need 180 pixel width, can you help?
If your pic is too small, you need to resize it to dimensions that work for Fb. I use pcimonkey.com to adjust and resize pics. You can go the the website, Click Open at the top to choose the photo you are trying to upload. Then scroll down to the bottom and click Resize. Then a box will appear so you can enter the new dimensions for your pic. Hope this helps!
Such a nice post. i am very satisfied with these sizes and it will help me to make a good pictures.
Thanks you!
Sigh. I’m new to maintaining a church page, and wound up here because the post photos were often cropped badly, and my attempts to mess with them before uploading were not working. I hope I will understand this better after going through all your information.
I just wanted to make two comments: 1. I tried getting previews of cropping by using Only Me on my own timeline, and darned if it didn’t display the complete photos, just what I wanted, but the church page does not do this. 2. If facebook had one sensible software engineer working on their interfaces, all this stuff would be unnecessary, because they would have a way for the user to adjust the photos before publishing.
Thanks! very informative and I’ll definitely apply this to my posts.
Just recently, I’ve noticed that when I upload more than one image, it favors either a square or a landscape crop for all images, regardless of the original format of the primary image.
What’s more, the selection of the location of the crop is not smart, I think it automatically sets to the top border of the image, making my shots look weird, particularly portrait oriented shots.
This is frustrating because I don’t want to bombard my followers with individual uploads; I prefer to upload three at a time. Is there a workaround for this? Also, any thoughts on why facebook is so photo unfriendly? It seems like a lot of their user content is photos and other image based media…
To add to what I wrote earlier, I have realised that I had overlooked your comment that images should be posted with a minimum width of 851px and that some very large images I have do get resized correctly by Facebook. However, I now find that if I increase sizes of smaller images to above, even well above, the 851px then they still get cropped as well as partially resized. This really is crazy, what’s the solution? Do I have to increase the resolution or something?
great, helpful information, thank you very much
This is usefull info, i bookmarked this page!
Thanks
thankyou verey mich
Fantastic article. Thanks for writing it
wow, useful. Thank you
Maybe I missed it, but all I want to do is make pics in POSTS smaller. I don’t like the way they blast they page when I want the text to be the focus. Is it possible to shrink them in some way?
No. Or at least not without a rather ugly workaround like padding the canvas around the image with white and then uploading all that. But it sounds like what you’re looking for is the kind of control over layout that Facebook doesn’t give.
Try http://www.online-image-editor.com
You can upload your image; resize it; save it to your computer; then upload to Facebook as usual.
Thanks for the updated info, but what about the dimensions of the cover photo as viewed on a mobile device, specifically a smart phone? It used to be that the viewable area of the cover photo was 144px in from both outside edges, so you had about 563px of the center of the image displayed. Is this still correct?
I have a blurry photo, I think there are a few causes that makes it blurry, zooming into the photo to get a better frame, or too bright and noises around pictures cause by the first moment taking the photo… I am confuse…
Great article. This is exactly what I was looking for! I only can’t find dimensions for sliding links. Anyway thank you for sharing.
It looks like FB has once again changed the algorithm for sizing at least for landscape portraits. I have looked at several well known photographers’ pages today and they all look fuzzy, hazy and not sharp at all like they were just before the new year. I checked on my page because I knew how mine looked and yep they look the same as every one elses. Have you noticed?
Your advice of 828 pixels wide actually works. Thanks a google tonnes!!!!
Not for me it doesn’t.
Great Resource!
great source!
Hi, the link to the info about event page images is not working. Can you fix?
Thanks for all the great info here! Do you know what the image guidelines are for the “shop” button within a business page? Thanks so much!
Hello, I’ve been having trouble with this for days and am hoping someone can help me.
I am trying to make a large fb photo from one of my albums my profile picture. When I do this, fb shrinks the photo.
I have already tried resizing it to 2048pX1400p, except still when I upload the photo to my profile pictures it is smaller than my other profile pictures.
How can I get this photo from my albums as big and clear as possible as a profile picture?
When you choose the option to use a photo as your profile photo then FB displays how it will look and gives you the option to crop the photo if it’s too large. Or, you can just upload the photo to your own editing program and resize it to FB dimensions 180X180, or go larger just so long as its a square. If the album photo is more of a rectangle then I use adobe photoshop and play with the resize “canvas” option to get it as close to a square as possible, which is really fun because it forces more creativity. Have fun!
Thank you for this post! It has been very helpful. I am wondering if you can help with this. Lately, I’ve been seeing posts where the images have a scroll bar that moves the images from left to right. Would you happen to know how that is done?
Sorry, not sure off-hand. Will investigate.
David
I am currently uploading landscape memes 600 x 400 They have been great for a long time Now they are looking like the ends are trimmed from left or and right
What size should i trim my 600 x 400 memes before i upload for maximum results
Kind regards
Paul Bardi
This is a ‘Carousel Ad’
Thanks!
Thanks for sharing David. Very helpful, detailed and informative.
Great article. One thing that’s confused me is that, following a recent update, the iPhone Facebook app shows the profile picture centred in the cover photo, whereas on a laptop browser it’s still where it always was, on the left. Mine looks great (well,m the way I want it anyway!) on a laptop, but the centre of the cover photo is obscured on the iPhone app. (See Simon Roskrow on Facebook for the example). Anything that I can do?
Thanks for your information!!! I really needed that.
I have a question on posting pictures with external links. If I post it with just the picture and no external link, the picture comes out correct and resized to fit the box, anything from 2000×1499 down . When I add an external link to that same picture, it then crops the top and bottom of the picture. What is the proper ratio or size to use for those or any suggestions? Thanks- Adam
Hi Adam,
When I type an external link URL into a new post and then upload an image there’s no connection between the two.
I see you mentioned adding a link to a photo. Can you describe the steps to do that? Once again, I can’t find anything in FB’s help system to give me a clue how it’s done.
Thanks in advance for any help you can give me.
Laura McGaffey
The “Edit profile picture” is no longer an option. I went to adjust how my page’s profile picture displayed but didn’t have that option anymore.
Great info. Thank you. I have a very specific question that nobody can seem to answer for me. I noticed a while back that when posting an album of photos on Facebook, the way it was displayed varied greatly from my phone vs. Desktop. While viewing on my phone the pictures are displayed in one long thread, scrolling up and down to view, where the quality is terrible and I’m not able to select individual photos to view full size. When I go to look at them on the desktop, they are displayed one at a time, full size, where you click on the right side of the picture to view the next image in album. I could just blame it on my phone, galaxy s5, but it doesn’t happen with every album I open. Specifically on other photographer’s pages, somehow they have it set up that pictures in their album are never displayed in this low quality, scroll down form. What’s happening? I’ve forced myself to only post one photo at a time because it doesn’t result in loss of quality. Do you have any advice?
Do you have some examples you can send to try out?
@Alleycat
you said that [While viewing on my phone the pictures are displayed in one long thread, scrolling up and down to view]
you actually can tap on one photo and then swipe left and right to see photos one by one.
The post sizes are great. I used it for and it helped me too much!!!
Thanks! Such a helpful resource. I’ve found that when posting as a page, I can upload a new image to the link preview, and if it’s properly sized, it will display the larger size. That was a nice update.
I haven’t been able to figure out how to upload multiple pictures to a post from a Business page (not personal) without creating a photo album. You seem to share above that you can do this though? Could you elaborate? Thanks for the help!
You can select multiple files with the upload popup or your can use the plus symbol to add another image to the upload.
Thanks Bro…….
An invaluable resource. Thanks so much!
I’m a notice and always just use photos straight from my android. They’ve always been nice & large, whether horizontal or vertical. Just recently the photos are very small. Is there a simple fix? I don’t have time nor the knowledge to alter the photos as you have mentioned. I thought it might be my phone settings, but changing them didn’t make a difference.
Hi David
I have noticed a change in the Facebook group app on android. They have changed the layout. The cover photo was all good set at 351 x 815 but now viewing this on my mobile cuts outs a lot of the cover photo. This is the cover photo on my group page. Seems the pic is not as wide anymore.
What about sending photos via Facebook Messages?
I have tried just about every size from 400 px to 2048px and FB crops them so badly that they are unuseable. I don’t get it. Does anybody have the right dimensions. I used all those in this document. Nothing works.
What aspect ratio are you starting with and what kind of cropping is it doing? If you start with a square 470×470 or larger you should get the maximum size on the timeline.
Is this still up to date? It looks like large square images can only be 471px or there abouts in the timeline now.
Yes, they’ve modified the sizes while sticking to the same basic layout. So it still functions much the same way but the display sizes are a bit smaller than they were. An updated version coming very soon.
it was pretty impressive that introduce facebook very clear and detailed info.
Thanks for this, very helpful. Question: how does fb determine if the first image is a portrait, landscape or square display? I uploaded 4 “square” images, the orientation for all looks very square to me, but fb keeps displaying the first one as landscape or portrait. I tried changing the first image, testing all four images, but fb still keeps displaying the first one as portrait or landscape. I would like all four to appear in four equal sized boxes. Is there a way to make this the default? Thanks.
I don’t know what the secret sauce is or of any way to change the behavior. My first suspicion is that the images might not be pixel-perfect squares, so I’d look at that first. You can find the pixel dimensions in Finder on Mac or Windows Explorer on Windows, looking for Properties or Info. There are a bunch of other programs that can tell you that kind of information. A good free one for Windows is Irfanview. On Mac, the default image viewer Preview will do it (Tools > Image Inspector). If they’re not perfect squares, you could try cropping them and re-uploading them.
Thank you David, I’ll try that! Helpful again :)
thanks for this article, What about video size? I am always confused. Some square video do not appear as square in timeline, some others does. Some videos starts in auto play, some other does… this is very confusing. What are the differents rules known for video format on facebook? both for mobile and desktop.
best
Tks this is a very good article, informative yet very easy to understand..
Thank you! I have been struggling for hours to fit some info graphics from the movie “BOUGHT” (www.boughtmovie.net) to my timeline and non of them came out the way I wanted until I followed the directions on this post. I This post in awesome, very cool and very helpful!
I have a Facebook group that contains more than nine photo albums. Facebook will only display 9 albums on the front page so the other albums are displayed on a second page. I want to move a photo album from page 2 to page 1, and another one from page 1 to page 2. I’ve been unable to do this. Any idea ? Or is there a way to diaplay more than 9 photo albums on the front page of the group ? Thanks.
Thank you so much~I wondered what was going on. Don’t really notice the change on mobile app. But the Page looked so wrong once I began to use my laptop. I shared this! Following you. Thanks again.
Thank you very much for this post! Extremely helpful!
I bookmarked this page to have it nearby as really handy tool. :D
Very good information! :)
Thank you!!
My shared photos used to be 640x640px. Starting on Feb 1st they are now 960x960px, which means its grossly enlarging photos that were never that large to begin with. Now they’re all distorted and I am forced to upload directly to FB and then the photo on the timeline is all wrong. So-so-so-annoying!
hi, great article, i’m sorry if there is an answer for this already here, didn’t see one.
what is the current size for cover page on groups? if you can mention the dimension including the (join, share, notification area)?
thanx
Thanks for sharing! This is very helpful to visualize the different sizes. I’ll be sharing this for sure!
Hi,
Great article and very useful!
Do you know if Facebook recently changed the dimensions for status update images used on Facebook company pages? Previously I always used the 155 pixels in width and 114 pixels in height dimensions but last week I noticed the images are being cropped to square dimensions. Do you have any insight on this?
Been having the same problem. I feel like Facebook changed it again. Any update?
I’m seeing this too. Links posted on company pages now seem to display the image at 158×158 pixels, so all my old ones look all pixelated and rubbish. And they’ve started cropping the edges to make them square. :(
I do wish Facebook would document these changes themselves somewhere. They have the inside knowledge, they could just tell us instead of leaving everyone guessing.
I just discovered this tutorial. Wonderful! It works. Thank you so much! Photoshop is too complicated for this.
I post 3 memes daily on my FB page. All my memes are 900×900. I usually get quite a few shares for my memes, and I checked one out today. To my shock, it was cropped on all sides, cutting off my URL. When did FB stop scaling and start cropping shared page post images? Do I need to rescale all my memes to 504 x 504? They always appear fine on my page @900 sq.
Hi, I think your comment post relates to my recent comment post. It seems Facebook has implemented some changes in the way images/pictures are being scaled.
Thanks–I’ll look into it.
As a follow-up to my earlier post about how Facebook changed the way they are cropping shared images . . .
They are cropping the images on the sides, and the bottom. So if you have a URL in the image, it needs to be above the crop.
I was using memes that were 900×900 and changed them to 504×504, but they were still being cropped. So I took a cropped image and laid it over the original, and posted a new meme with a safe area built in. After it was shared, I looked at it, and it was fine.
This is what I found out:
If using a 900×900 image, you should have a safe area of 22px on the top and sides, and a safe area of 30px on the bottom. I hope this helps everyone.
Is this how the images are cropped on desktop browsers and in the mobile app or are the two handled differently?
Why did you delete my question? It was valid… maybe it was a mistake. Here it is again: My image on my Facebook Page is perfect. When I post the same image on my Facebook Group, it’s fuzzy? My image is 504 X 504 72 dpi, PNG-24. Doesn’t Facebook treat the news feed on a Page and on a Group the same way?
Hi Monica, It wasn’t deleted–just not moderated yet. Without moderation there’s a lot of spam.
I’m afraid I don’t have a good answer for you off the bat, but other users have also noticed similar issues when using groups.
Hi David. Thanks for the info. MY PROBLEM: I created a 504X504 PNG-24 image for my company’s Facebook PAGE and it’s great. I upload the same exact picture on my company’s Facebook GROUP and it’s fuzzy! I searched Google to understand why, but no answer… I want to put a different image each week, so I would appreciate your help.
You should consider adding a separate cheat sheet to help with the different Facebook Ad Image dimensions for the various Ad Objectives in the Ad Manager section.
Great idea. Will look into it. Thanks!
David, very nice article. Can you provide info on mobile, specifically iPhone 5 and 6? The cover photo shrinks down and cuts much of it off on the mobile app. Thanks for any help you can provide. Sandy
What is the best size to upload photos (in landscape mode) on my timeline. I want the images to appear as large as possible when someone views the image. Thanks.
If you have the luxury of starting with large images, 2048px is a good target. It’s more than you need for now–there aren’t many monitors yet that can display that many pixels wide–but it provides some cushion for future technology as well as higher density display screens like Apple’s Retina screens.
H i David, Thanks for your great info. I am a pro phototograher and one of my HS senior clients wants to post a bunch of the images I took or her on her facebook page. Some are horiz and most are vertical. What size do you suggest I give her so that hopefully she can’t print them but that they will still look good on Facebook. I am thinking also of adding my logo at the bottom of each image. Can I get your advice? Thanks so much!
You can’t entirely prevent the from printing them, but you can certainly keep them small enough that any prints won’t look great. For that, somewhere around 800px to 1000px across the longest edge is probably a good target. While it will still allow printing at “full” resolution (240ppi-300ppi) up to 3-4 inches across, it won’t look great for printing any bigger. But it is big enough to still show off the image well when displayed on screen. You can of course go smaller, too.
Thanks for replying to me, David, re sizing images for facebook,. You said they could still print them at full resolution at 240 or 300 dpi but wouldn’t it be better to change that to 120 or 150 dpi? Or would they not look good at that resolution on the Facebook page?
It doesn’t work like that. For digital images, the ppi setting doesn’t really mean anything. An image that’s 1000px wide at 300ppi is exactly the same size as an image that’s 1000px wide at 150ppi. Both will allow printing of a 3 inch wide print at 300dpi. For digital images, what matters are the number of pixels, not the ppi setting.
It does mean something when it comes to something physical, like an actual print (usually then it’s dpi) or the display density of a monitor/display. In those cases, the density (or ppi/dpi) corresponds to a physical dimension (specifically, an inch of paper or screen).
The upshot is that you can ignore the ppi setting for this purpose and control the size with the dimensions (width by height).
Do you know the dimension for a image in the notes? Thank you.
Awesome share. Thank you very much. Do you have one for all social media platforms?
You’re welcome.
Working on it. Here’s some more.
This looks a fantastic resource! Does anybody have a Twitter equivalent? I’m particularly looking into how single and multiple images are displayed. I recently published a square image, assuming the higher and lower 25% of the content would be cropped for preview. However, it looks like Twitter has assessed the photo and decided to show the lower 50% of the photo in preview…
Thanks this is super helpful having all the specs and examples in one place! With our pages, we tend to upload more horizontal photos to the timeline and just make sure that the sides that will get cropped have nothing important in them. This lets us upload large images, but gives us more space to adhere to the 20% text rule when we need to add some copy.
Good tip!
A very helpful piece of information my friend you have shared with us here. I am really thankful. Facebook has a nasty habit of changing stuffs without informing. Moreover they tend to push such updates in parts and hence some pages are up-to-date and some are still stuck with the old layout. But now I have got the average idea about how to still control the photograph views on my Facebook timeline. Thanks again.
Perfect, size of the facebook, I was looking for. I’ve been looking for this guideline. Keep up the good work!
Does it mean it helps to edit my pictures first to conform to the desired pixels although facebook adjust it automatically? before uploading them.
There’s not one simple answer, unfortunately. Resizing precisely before you upload does give you finer control over any sharpening or compression, but only if Facebook isn’t going to recompress the file automatically. So that means keeping it under 99KB. A downside is that when Facebook next tinkers with their display and image sizes (which they will, at some point) your already-posted images might end up displaying oddly. It’s also not ideal as more and more displays shift to high resolution displays like Retina.
A safer bet might be to upload images at exactly twice the size you need. That’s slightly more future-proof while also giving you control over aspect ratios. The “twice the size” sizing seems to provide better recompressed quality in some instances. But it also means that Facebook will automatically recrunch your images.
Tnx for the info :)
Very useful. Bookmarked. Thank you very much.
Thank you so much – excellent resource!! One problem I have sometimes is when I hyperlink to another page on my website for a lost pet or pet for adoption and the image cuts off the heads of animals – which is a bit distressing! How can I avoid this? I can upload a picture instead of using the suggested picture, so maybe I could create a different size image on white and then paste the whole image on it (with head!) so the animal shows in it’s entirety. What could you suggest, woudl that work, if so what size would that image need to be ideally? Thanks so much for help our pets have heads on facebook…! Please see our facebook http://www.facebook.com/petsonthenet and the post today 27.11.14 for the Lab X for adoption at Hastings . His head was intact on the original picture, but facebook have cropped it off…Thanks from us and the pets in New Zealand.
Yes, it’s extra work each time, but since there’s not much flexibility with link thumbnails, your best bet is probably to create your own image to fit on a background that’s 484×252.
This was really helpfull – thank you!
Hi! I just have a question. I have made my cover photo in my Facebook page and i am so satisfied. But when i look at it through my phone (iphone) it does not fit the whole thing. Is there anyway to solve this?
This is amazing, thank you!
Glad it’s useful!
This article is fantastic – it is in my bookmark feed and I utilize it daily – great social media resource!
Brilliant post, thanks!
These image sizes are awesome…Definitely valuable to know how to maximize your posts here. Thanks for sharing.
Thank you!!! Super helpful info – bookmarking!
David what would you recommend to be a good size/ratio for photos in a new album? I generally edit travel, event, etc., photos before uploading, but the size for the lightbox viewer I cannot pin down as to what is preferred. I know that a width of uptown 2048 can be uploaded, but those seem awfully big to me for web viewing. I’ve read that 960×720 shows best, but my testing seems to show that 1200×900 works perfectly. Comments?
I’m not sure there’s a perfect size since FB resizes it automatically to fit different screen sizes. Viewing it on a 27-inch screen is going to be quite different than on a laptop. An a large proportion of FB users access the service via mobile. I personally prefer to keep the images I post on FB the smaller side if only to keep the range of uses of any “borrowed” images to a minimum.
I’m wondering if you might be able to help me figure out a WordPress to Facebook mystery. As per your suggested guidelines I resized my image to 504 x 504 pixels for the “featured image” slot on WordPress. When I posted it to Facebook the thumbnail came out perfect on my timeline but when I looked at the posting on my newsfeed the image was completely wrong. It is as if Facebook enlarged the image dramatically and then just pulled a random 504 x 504 pixel section from within it. I enthusiastically welcome your thoughts!
Thank you so much for this post!! It will help a lot with my image uploads & looking more professional :) do u have a post for Instagram?? Lol
Hello and thanks for the precious information. I am using a dialog box to post a link, also specifying the preview picture in the URL. Following the guidelines the picture get the full size in the timeline (OK), but is displayed in the small box at left when the link is viewed from my personal page. Is this normal?
Also, I have seen that on iphone (5s), the picture is displayed in the small box at the left ALSO in the timeline; I have seen other posts on iphone having the full pic at the top and I don’t understand what is the reason. I have also tried to add the og:image meta tag (in addition to the picture specified in the dialog box URL) but nothing changes.
Hi, David! Thanks very much for sharing this guide. FaceBook often confounds me — your information will certainly help me cut through some of the FB chaos. Thank you kindly for the assist. :-)
Thanks for creating and updating this awesome guide! Super helpful! :)
Thank you so much for the valuable information…surely with your input, I can figure out a quality looking cover page!
This a very useful post. Just exactly what I went searching for! Cheers!
Can you do an update, since Facebook has come up with something new, only allowing the profile pic thumbnail to show about 10% of the image.
I can’t reproduce this issue. When you first go to select the area for the profile pic the selection is automatically just a small part of the image, but you should be able to move the blue crop borders to enlarge it.
Great, thorough, well-compiled post. Just was I was looking for, thanks David!
Thank you for sharing, That is a very impressive thing you did there! ;)
What are the settings for when you comment on a post and upload an image?
That’s something I’d like to know too.
Wish I could say this works for me, but sizing my timeline cover collage to 851 x 315 still leaves it unsharp and fuzzy looking. Any other suggestions? I have tried sizing with the W x H and also Dimensions on export from LR. Getting super frustrated! Consequently I have no cover photo posted right now. Thank you for any input.
Make sure to upload a .png. I had the same problem when saving as a .jpeg for some reason!
No need to crop in advance. Just upload at full size (no kidding – even if it’s 5,000 pixels wide) and be aware of the constraints imposed by the 2.7 to 1 aspect ratio before you select an image to use. Once uploaded, you can drag the photo around to get the best composition. When somebody clicks on it, they will see the full image and not a horizontal crop. Very simple, and makes articles like this with thousands of words, totally unnecessary.
I’m curious about the nine photos it shows as your most recent tagged photos… I want to find an image I like, split it into nine and then tag myself so the image will appear there, but every preview in that box is centred and also resized, how does that work??
Fab – thanks for taking the time to create this up to date guide! Beautiful images btw
Thanks!
Fantastic David, just what I was looking for. Great help. Thanks.
Lauren
Excellent resource. Thanks so much for this post. Something I noticed in a test I ran today is that every single image has anywhere from four to eight pixels unevenly shaved off all four sides when shown in the posts on our group page even when within the size limits. Very odd. Very facebook.
Thanks, David! This was extremely helpful, and it is very satisfying to have a question on the internet and find a post like this that answers it so thoroughly. Great stuff!
Yay, thank you so much for your update.
You forgot the Comment and reply image size of facebook fanpage
Fantastic post! I’ve shared it on my blog, FB page, and Twitter.
This is a great help! Thanks so much!
Excellent, well detailed and very informative… I Love Get’n the Good Stuff like this… thanks.
Thank you so much David greatly appreciate this information. Know I have a very clear understanding of utilizing images on Facebook. You ROCK man!
Many thanks for all this truly helpful info. its been a fantastic resource for me personally to learn how to create for twitter and FB. The level of detail you’ve covered is immense and it covers much more than what’s found elsewhere. Its been a definite time saver! I’ll be back for the rest too!
A big thank you from me. You have a new fan! :)
Thanks David, do you know about the image resolution? I prepare my files for web at 72ppi but the other day I downloaded one of my images from facebook and to my surprise it was set at 96ppi. I always wondered why the facebook images don’t look as good as the original. I think I know now: heavy compression and if you did like me and prepare for 72ppi which then got up-scaled to 96 ppi then you are sure to have a horrible result. I would appreciate your thoughts on this?
The only dimensions that matter for the size for this are the length and width. So a 1024x768px image at 72ppi is exactly the same as a 1024x768px image at 96ppi (or 300ppi, for that matter). You can put whatever number you want in that EXIF field, but it doesn’t affect the image size, resolution, or image quality. If you’re getting poor results, the most common culprit is the heavy JPG compression that’s being automatically applied. It’ll affect images with many tones more than ones with only a few, and be particularly noticeable in smooth gradations.
This is very helpful. The only thing that’s missing (the thing I need, of course) is the photo size for EVENTS, which seems to keep changing…
I’m looking to add that within the next day or two.
Good information, thanks!
I recently took a tour to Tibet, bringing only my iPad and my camera. When I got home I noticed a significant difference in resolution when uploading from my iPad, compared to the my PC.
I’m not sure if this applies to all photo uploads, but I test-uploaded one picture with both iPad and PC, and got the following:
Original picture resolution: 5184 x 3456
After iPad upload to Facebook: 960 x 640
After PC upload to Facebook: 2048 x 1365
So there is a huge difference in resolution, between iPad and PC. If picture size is important to you, always use the PC.
Thanks for the tip. I suspect those size limits are imposed by the iPad (or other) apps and uploaders. I haven’t tested, but there might be ways to use the non-default Facebook upload that’s built into iPad to work around those limits.
So awesome article that I wanted to click on an ad to pay you back but it seems you don’t have any :)
Awesome Article solving FB Images Dilemma.
Thanks, Vicky
You don’t have the dimensions for an event cover photo.
Working on it. Stay tuned.
Thank you for the info!
Thank you so much for going to all this trouble to creating this page! It’s very helpful. (My images are rubbish but at least now they’ll be the correct size!)
David you are a saint. Thank you so much for giving us this information! To know what photo sizes to use for Facebook and twitter and so clearly documented. Wow! Thank you!
I would like to add a large “Second” to what KBT said. I do web development and understand the work that goes into something like this. THANX for your efforts and for sharing!! As you said, FB doesn’t make it easy for us to use it.
This is EXACTLY what I was looking for! Thank you so much for putting this effort out there!!!
You’re welcome. Glad it’s useful!
Thanks David, I will repost this on the http://www.facebook.com/photocommunique page and link in an article on Photo Communiqué as well. http://www.photocommunique.com You have put a lot of work into this article and is timely for anyone needing the information. As a Lightroom lover myself. I am very happy it is friendly to the platform. :)
I found this information really helpful. Thanks so much….
Hi David,
Could you please tell what is the aspect ratio for the portrait image posts. Need to avoid the grey area on sides.
Thanks
Any portrait image will involve blank space on both sides. To use the full are without blank space, upload a square image with at least 504px sides.
hey Dave, Just logged in to say thank you :)
Do you happen to know the correct proportions for a group cover photo?
Thanks David – You make Jan Loomer look like a FB beginner!
Excllent image information!
I cannot upload a photo or link thumbnail to my timeline. Others can, but I can’t.
Does anybody know how to get to the previous months with the new layout? You used to be able to select 2013 then a drop down menu would give you access to all the previous months. Not anymore.
Thanks if anybody responds!
On my blog page, where I promote floating homes, I just posted a new album and pictures also populate the photos area in my left hand column. . I would rather have “photos” show a selection of pictures from previous posts. I thought I could hide individual pictures there, or delete them from that section, bring some of the older ones back up. No longer seem to be able to do this (without I assume deleting the images from the album, which I do not want to do. Am I missing someting here, or is this the new reality.?
Is this officially updated (completely) as of right now?
I’ve updated it with the info for the new layout that’s rolling out to most pages now.
A pity the full width highlight feature seems to have gone…which greatly diminishes the impact an eyecatching photo.
Image size is not my problem – If I upload more than nine photos – let’s say twelve in a photo album – only nine are ever displayed on my main page. How do I fix this?
Sorry, but I can’t replicate this issue. I just tested with 13 images and it seems to have worked fine. If you change the order of them in the upload dialog, is it the same ones each time that don’t show up?
If you are using a wordpress blog with a theme that uses feature image, be careful because any image that is less than 200 pixles won’t be shared through to facebook :(
Good tip. Thanks.
Not really going to add much value here, but just wanted to say thanks for this post, I use it most days as a reference tool. Thanks!
Glad it’s useful!
Any specs for image sizes on the news feed?
470px wide by 394px high. Unlike regular timeline, it’s not cropped automatically, so on vertical photos it gets pushed to left with white space at right.
Hello, great work! I’m a little confused however as I’m looking at conflicting information – photo thumbnails on a page timeline, you’ve said they’re 403 px wide yet this site says they’re 470 px wide…I note that yours identifies the white space while this other resource also points that out but has other sizes which seemingly overcome this issue?
Facebook is in the process of rolling out a new layout. They do it gradually, often over weeks or months. The measurements on there seem to apply to the new one that’s rolling out. So it depends on whether the new layout has rolled out to your page yet. This is what the new layout looks like: https://www.facebook.com/business/news/A-Streamlined-Look-for-Pages
Hi David,
So are you saying that the specs above are potentially not as up-to-date as those here then?
Most pages have not yet been switched over to the new layout yet, so the information below is still current for the vast majority of pages. Facebook is in the process of rolling out a new layout, but very few pages are using it yet. But in looking at the pages that are using the new layout, the information at that link you sent is not correct for either the current or the new layouts. In short, a new layout is coming, but the information on the external link appears to be wrong.
I aim to add the image dimensions for the new layout in the next day or two.
I’ve just posted the updated dimensions for the new layout: Facebook’s New Layout / 2014 Image Size Updates.
If the right column is wider than the left column, you have the new layout. If they’re both the same width, it’s the old (current) layout. It only applies to pages, not personal timelines.
In posting to Photo Albums of FB, some of the pictures come out very large, nearly filling the screen, others appear much smaller, yet they are all the same size files.
I’ve not seen that behavior, and I’m afraid it’s hard to say what the issue is without seeing the original image files.
Thanks this is the BEST overview of the image size rules I’ve ever seen. I saved it to PDF to reference in the future. I especially love the pixel numbers drawn over the photos for quick reference. But I was unaware of how to change photos associated with posts and many of the new features. MANY thanks!
What about the news feed sizes?
470px wide by 394px high. Unlike regular timeline, it’s not cropped automatically. On vertical photos it gets pushed to left with white space at right.
Very informative, thank you. But I have an issue: when I post a link to a page I manage, the photo is showing up the old fashioned way (small cropped photo box to the left of the link preview) instead of the new larger, wide photo ABOVE the link information. Any idea what I’m doing wrong?
It’s possible that for some reason your page is still getting the old layout. They roll out the changes gradually, often over weeks or months. But I would have thought the page would have been updated by now–the change was made quite a while ago. Other than that, I’m not sure what could be causing it, I’m afraid.
Do you have a recommendation for image files to be included in a Facebook comment?
Good question. I’ll look into it.
Hi !
Thank you for posting this, been really helpful.
I can’t find the box “fit to sclae” to fit in the logo of a company and it’s been really irritating. The logo is rectangular and woul’d like to have it fit to scale, but I can’t figure it out. I followed your steps but I don’t have any “fit to scale” box.
Any ideas ?
Thanks.
You’re right. I’ve just tried it and it appears they’ve quietly changed that so it’s no longer an option. I’ve updated above. The way I’d work around it is to flesh out the square before uploading so as to upload a square image.
Hi, my FB cover photo looks great on my laptop, but on my phone, it gets completely cut off (the focal point of the image is on the right side, which doesn’t appear at all when the phone is vertical). Is there a way to set the cover photo image to be right-aligned, or something along those lines so that the right side of the image appears on my page? Thanks.
I don’t know of any way off the top of my head, but will look into it. What browser are you using? Some mobile browsers are better than others about rescaling images.
Thanks for the reply. The issue occurs in the Facebook App on my phone (Samsung Galaxy s3). When the phone is horizontal, it’s fine; when it’s vertical, the entire right side of the cover photo is missing. Kind of weird that they seem to automatically crop off the right half without allowing the user to align the image as he/she wants .
I’m not sure that there’s anything that can be done about that. Whether that’s controlled within the app itself or in Facebook’s style sheet, unfortunately there’s no way for the user to influence it.
… thanks for the informative article.
I like facebook, but consider their terms of service, and the stripping of all metadata, really evil.
The obvious answer would seem to be to host images elsewhere, and post links to them – are there any disadvantages in taking that route?
Posting links is fine, but there are downsides. Link thumbnails are smaller and they won’t show up in people’s the timelines the same way that regular photos will.
The section on Posting Multiple Images to a Page Timeline isn’t correct. I recently did one and it does not render the side-by-side thumbnails of two pics. You can see that it stacked them and cropped them oddly at
Thanks, Kim. Looks like they’re changed that very recently. I can reproduce and will update the page today. Thanks for the heads up–it’s not easy keeping up with these unannounced changes.
You did ask.
I did indeed. Thanks! Have updated above with the new layout and variables.
I am using Photoshop with “403×403 and more size with high resolution, but when i post on my page text on picture get blur? suggest me some tips for HD picture with text,
I’ve recently added a new post on dealing with text in Facebook images.
Thanks for the informative post! Question- when I put my logo on an image to watermark it before posting to FB, it always looks fine. On FB, it always looks blurry, though the picture looks sharp. How should I be saving these in PS to make the logo sharp? Here is my page: -My last post (today, 3/22) is my latest attempt. :)
My guess is that the colors of your logo are too subtle and that this is running into the heavy JPG compression. It might be worth experimenting with a simpler version with more contrasty colors to see if that’s any better.
I’ve done some investigating and have posted a solution: https://havecamerawilltravel.com/sharp-text-facebook-image/
I’ve got a new post on dealing with text (and logos and watermarks) on Facebook images.
And what’s the dimensions of the timeline of a group please ?
Hi, I found this a useful article and then saw this issue of not having control of what thumbnail image appears when posting on a FB page. (It also happens with messenger). I ran across this same issue recently at http://www.squerb.com where I work.
The solution to this is to make the the appropriate meta tags are present on your website that Facebook understands. In this way FB won’t just scrap for any images it finds. This is referred to as Open Graph. I think the best page to review if you are new to this subject is: https://developers.facebook.com/docs/web/webmasters/
There’s a lot to Open Graph but you need simple make sure the meta properties for og:url, og:title, and og:image are set. You should be able set multiple images and then you can cycle through the thumbnails. Of course, this approach assumes you have control of the web page.
I also found it very helpful to use the Open Graph Debugger: which will tell you what Facebook will actually pickup when pointing to your site.
I hope this helps!
Thanks Rob. Excellent tip. Unfortunately controlling the meta tags works better on roll-your-own sites rather than if you’re using a content management system like Wordpress, but maybe someone has started a Wordpress plugin (or Joomla, Drupal, etc) since I last looked. But as you suggest, if you’re rolling your own site and have control over the HTML, this is the way to go. Thanks!
Thanks for the detailed post!
Thanks,
Great Article, Nice job
Great Article for a beginner like my self , can you please tell me how to get my profile photo like this one ? ( vertical profile picture )
Thanks – William
Great article very informative. Ive had problems with vertical images appearing jagged like you mentioned. It looks on FB “like” pages vertical images do not appear jagged for some reason. Do you think this anything to do with it?
Thanks
Hi David,
Great article.
It would seem Facebook has changed the image dimensions once again. Previously, highlighting an image would stretch it to 846 x 403 px (on a desktop company page at least). In the past couple of weeks I’ve noticed the image height seems to fit but the sides don’t stretch out to fit–thereby leaving grey bars on the left and right of the images. I’m wondering if this is a bug or if there’s new image dimensions to adhere to? (Seems to do the same to videos now.)
All the best,
Luke
Yes, they changed it. I’ve updated the post above.
Hi,
Great article on image sizes for FB and their power to use our images as they like. I have recently opened a page on FB but am now concerned about my images being borrowed by them or anybody else for that matter. It seems majority of FB users are not aware of what they are signing up for. There must be a lobby to fight against FB policy. Is there any?
bharat
David,
Can i make my photo a full-width photo thumbnails on the timeline in my personal page? (not fan page) It seems that even i’ve had highlighted it but it still remain the same :( please help.
thanks,
Donna
No, personal pages work differently. I’ve added new info above that shows how.
Great article! Thanks for the information, it was exactly what I needed.
This is great. I’m always checking sizes and sometimes getting them wrong. I’ve bookmarked this page. Well done, thanks for the tips and merry Christmas.
This is awesome, thanks! Although I’ve posted a timeline image larger than 403×403 – and I can’t see how there’s an option to reposition the centre of the photo. The only pencil icon I can get is when I click to enlarge the image and select “edit”. Perhaps FB has changed this since you originally posted this article?
I am a photographer (just starting a business) and want to post a collage of photos (with the ok of clients) taken at recent photo shoots. What would be a good size for the collage to be used for Facebook? Also when I create this collage in photoshop do I do it using the web preset size? thank you for any insight you can offer>…
Hey David,
This is a great article. Thanks for taking the time to compile all this information. As a PR pro, we manage a number of social media accounts for our clients, and figuring out all the different picture sizing issues can be complicated. This article made it easy. I will definitely be referring to the cheat sheet.
-Luke
Thank you so much for this article, it was very helpful and complete. It was exactly what I was looking for.
One thing, though, on the Facebook’s Terms of Service, there is no Strikethrough or Bold text, I had to go to Q&A in order to understand what was being removed and what was being added.
Thanks again!
Leandro.
Thank you so much. Very helpful.
Fabulous overview — thanks!
This was just what I was looking for, thank you. I appreciated your beautiful images also. Cheers.
Thank you! I really appreciate the cheat sheet you’ve posted with all the dimensions. This is exactly what I was looking for. :-)
Thanks for this great writing. I am a retiree helping other retirees and newbies to use this social network. Your writing is comprehensive and easy to understand (the graphics help, too).
A question, though. What is the latest on the ownership/copyright issue? Us retirees have lots of memories to share :).
Thanks.
The ASMP’s FAQs on this issue are at: https://web.archive.org/web/20210728232551/https://www.asmp.org/facebook-new-terms-service/
Your section titled: Photo Thumbnails on the Timeline was great. (I’ve long been infuriated by the way FB handles thumbnails on the Timeline. [This explained it all: “this is being applied to the thumbnail: height: auto; width: 100%. That translates as the image filling the full width no matter what, but the height doesn’t have to”.] Guess I’m crazy to want to see my vertical photos looking as pristine & well-composed as my horizontal photos on my Timeline? Curse you, FB!) Anyways, thanks for explaining, David. Helped a lot!
It seems to me that the best option would be to create a white horizontal image with the correct aspect ratio and then to paste your vertical image into that before uploading. You would then control the amount of white space either side.
Some image manipulation programs allow you to add margins of a particular size and colour. Adding the appropriate white margins to either side of your vertical image would enable youth construct an appropriate horizontal image.
You may need a one pixel black border on extreme left and right to prevent the Facebook software automatically cropping off the white space.
This is very helpful. Especially the link share image size. All of my tags will be sized accordingly now. Appreciate it.
All of my og:image tags that is. The parser removed it. :)
Thanks so much David, I’m pretty new to this all and you have helped me a lot. Very well written and easy to understand. I appreciate it. Got some adjusting to do now!
Julia
Hey David,
I just wanted to say Thank You for this post. It’s help me tremendously.
Greg
Hello David, thank you for your wonderful solutions.
I have learned since to size my images for Facebook accordingly, but I see to be doing something wrong. The text on my images still appears blurry, even though I make the images on Illustrator on the prescribed size and make sure the image is not above 100kb to ensure that it is not compressed.
This link will explain my query. Could you perhaps help in identifying my mistake?
Thank you so much, Asma M
Looks like Facebook’s compression is taking a toll on it. As an experiment, try replacing the background image with a plain single color and see if it still does it. I suspect it’s because of the gradients in the background image.
As a work-around for issues like this I’ve been rendering my images for Facebook as PNG 24s. The compression doesn’t seem to be as aggressive with PNGs IMO.
Thanks for putting this together! Makes it super easy!
Thank you David for this, I have been struggling to make a standard for the size of photo posts on our page and after permutation and combination of several sizes, finally i have a nice cheat sheet from your page. I hope this helps me. Thanks once again!
I have uploaded cover at the recommended size (851×315). Shows up full size on computer. When page is viewed on iPad or iPhone cover photo is chopped off left and right. I notice that your cover photos are adjusted on these devices so that the entire photo is viewable. What are you doing that allows FB to adjust for portable devices?
I’m not doing anything specific. Will do some experiments to see if I can replicate the issue.
Very helpful, thank you !
Thank you very much for this post. I’ve been resizing my images over and over again trying to make them fit to Facebook. This was very helpful!
I just uploaded a landscape photo directly from my Samsung S3 to the Facebook news feed and it’s appeared in square format (it seems to have squeezed it rather than crop it) – any idea how I make it appear in the landscape format next time?
Cheers
Tony
Hi David,
Thank you so so much for your time and effort. Great resource and Truly appreciated.
Best Regards,
Lama Jabr
Hi there David,
I’m trying to figure out the upload dimensions for photos on a ‘friends’ profile (not a fanpage).
I always adjust the sizes to 403 x 403 px (or higher), but lately, Facebook seems to cut the photo off.
The photo is visible in the square size in the friend’s timeline, but on my own profile, it’s a rectangle in stead of a square pic.
For instance this one:
In the timeline people see the square pic, but on our fb profile (www.facebook.com/vlla.nl) it shows as:
The size of the picture was 404 x 404 px, so it should have been displayed as a square pic, right?
Have you experienced this bug as well?
Looking forward to your answer!
Kind regards,
Geertje
i’ve got exactly the same problem as yours a lot and here’s some suggestion for you.
first reposition your photo to it’s bottom. it will make your photo’s viewing in facebook looks like cut off at the top by the text you type.
here’s your photo when i post it in my time line and do the reposition
now right-click on your photo then select Inspect Element (i use Firefox as my browser)
a dock bottom window shows up then choose inspector tab, you will see a highlighted script like this
img class=”scaledImageFitWidth img” width=”504″ height=”504″ alt=”Photo: LEKKER WEEKEND
ALLEMAAL! En kom langs vanaaf bij VLLA op Vrijdag met r.i.t.m. (VLLA, VOS) Michiel Verbeek (Catch!, ADE) & Loran Hamelink (Kleurenblind Festival) [[ https://www.facebook.com/events/322515771227415/ ]]” src=”https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/p480x480/1466121_607279925974699_891211120_n.jpg” style=”top: -126px;”>
pay attention at this on the script above:
1. width=”504″ height=”504″ which means your photo scaled to 504×504 pixel dimension
2. style=”top:-126px;” means that the text you type cut off your “new scaled” photo by 126 pixel from the top
now open your original photo (403×403 pixel dimension) in photoshop then adjust to 378×378
that number came up from 504 minus 126 pixel
open new image with 504×504 pixel dimension and copy-paste the 378×378 photo on it
adjust the position like this
you may use another background color instead of white but the focus here is the position
now you can post the new 504×504 photo on facebook, add the text, and here’s what it look a like
i just found this trick recently and will do this till there’s more practical way
i’m sorry with my English coz i’m Indonesian
Thanks for this detailed post, David.
I had the same problem as Geertje. Even if I did not post any text, the photo gets chopped. I also used 403 x 403.
Thanks also Wiwit. Your English is fine btw. It seems so complicated though. So we have to adjust the photo size depending on amount of text we will post with it?
Hi David, Nice article. I uploaded over 50 images to a FB album then it posted a few sample images on my timeline to show I have added new images. Can I edit which images it displays on my timeline?
David,
This is a very helpful article, Thank you for writing it. As an accountant using social media to advertise and spread the word, I often spend a lot of time trying to navigate the perils of marketing and technology. I have clipped your article to Evernote already, and I have a feeling I will refer to it each week when I work on my “Sales Tax Tuesday” posts. Thanks again!
Hey David,
Thank you so much for this article. It has made it’s way well up the Google ranks and I found this as my first hit and answered my question. So thank you again. :)
Thank you so much for posting this! I’ve been searching for these guideline and somehow people explain it in a very confusing way. But your explanation is completely clear and easy to understand.
Hi David!
Thanks for this post!!! It’s indeed helpful!!
I prepare pictures b4 uploading them on facebook using the sizes you have indicated here above. They fit awfully! But the ugly jagged artefacts around the pictures still occur. What’s wrong?
Thanks for your kind attention!
Rosamari
Jagged artefacts are usually from too much compression. Assuming the sizes are all set correctly, when you prepare before uploading, you could try setting the JPG compression to the highest possible setting (100, 10, or 12, depending on what software you use) to see if that clears it up. The highest possible setting (ie. least compression) isn’t really necessary for most uses, but in this case it’s going to be recompressed by FB anyway.
Artefacts can also come from too much sharpening. If you’re applying sharpening, you could try reducing the amount.
great article, especially about image sizes it was really important to me
but are there any size limits for images in sponsored stories ?
Good question. I don’t know but will investigate. Hopefully someone who has can help in the comments.
Super helpful! Thanks, David!
Awesome article! Thanks for putting this great resource together. Best article I found on sizing pictures.
I’m having issues resizing my icon app image. FB says 111 x 74 pixels and I’ve tried everything and it won’t load it. Any suggestions? I use Paint. Is there a better program to resize photos in? I’m on a PC
Not necessarily better, but there are a bunch of Windows programs that will handle resizing. Some free ones worth a look include Irfanview and Gimp. As for why it won’t load, right click on the file in Windows Explorer or My Computer, then choose Properties, and check that the pixel file size is indeed 111×74. Sometimes aspect ratio issues can trim a pixel here or there.
Hi David, thanks for excellent post. As for profile picture, if you upload it at 180×180, when downscaled to 160×160 the picture becomes blurry. Usually the best results when downsizing are when resulting image dimensions are precisely 1/2 of original ones. So I’d suggest uploading profile picture at 320×320 pixels. This will give crisp and sharp picture vs. the one downscaled from other size.
Great tip, thanks! I’ll add it above.
Just a suggestion for your incomplete page. I have been Google searching for nearly 10 minutes, And the maximum size, or ratio for a comment photo is no where to be found. (Photo comments are usually meme’s on fan page posts if you weren’t sure what I meant)
If you include this, you may have the most complete guide to Facebook image sizing!
At the moment I am still searching for information but I am afraid I will most likely have to test for the ratio myself. I will post my findings or results of my test once I find it. (Don’t worry about inaccurate pixel dimensions I am a graphic designer.
Your Welcome :) Please include ‘Photo Comment Maximum Resolution’ in your keywords so others may find this, as I had to find out manually and could not find after 15 minutes of Google searching.
Thanks for the suggestion. Will see what I can do!
Hello,
i searched everywhere and i just tried your tip to upload profile picture at 320px*320px but it still appears blurry on small avatar size and on advertising sample on the right. I do upload a Png file (24). The image looks perfect as profile square picture but awfully blurred on small size avatar (aka 32×32). Do you have an other suggestion ? Should i try a 640px*640px ? I am really struggling with this and we are about to launch our business page. Thanks a lot. Regards
Really enjoyed this useful info and thanks for placing it ALL in one location for easy viewing…
i want to upload a photo which should be displayed in the whole horizontal width of my timeline….right now the whole image is shown at one side of the timeline and another image nearby…..pages like abercrombe and fitch have uploaded photos to the whole width…!!how am i supposed to do it..!!!
I’ve just taken a look at the FB page, and I’m afraid I don’t follow. All the images I see are displaying regularly as squares on one side of the timeline or the other. Without seeing exactly what you mean, two possibilities come to mind: images will display full-width on many mobile browsers because the two sides of the timeline are condensed into one vertical column, or perhaps they’re using a separate FB custom page aside from their timeline. If you know of another example I can take a look at, send it along.
David, i want to upload album to facebook. What size should i make on photoshop? What about ppi? I tried to upload but the pictures really bad n not clear to read in text part. Thanks David..
There are many “right” answers to this, but a good place to start is sizing to something like 1024px on longest edge and then using 72ppi (the ppi doesn’t actually matter, but many standard computer screens using a pixel density of 72ppi, so may as well put that in if you have to enter something in that field). With text, you might want to try experimenting with a larger image of, say, 2048px on longest edge.
Great work on putting all this information together! I really appreciate having this all in one place…Thank you so much! Have a great week! :-)
Very helpful post. Thanks!
Hello!
Great article!
I experience some problems with vertical photos, and I hope you can help me out.
All of my horizontal photos looks perfect (quality and resolution), except my vertical photos. It seems like when i upload vertical photos directly to facebook….its look like crap!!!! any solutions?
Lightroom export settings:
2048 in long edge… quality 100…. output sharpness – standard.
Thanks in advance!
Hmm . . . it *should* be fine with those settings, and I’m afraid I haven’t seen that problem before. Are they stretched or is it a pixelation issue?
I get this problem as well. Horizontal photos look great, while vertical images take on a mushy, overly compressed quality. I use similar Lightroom export settings as Christopher, but am wondering if, for vertical photos, I should make the long edge shorter than 2048 pixels. Thoughts?
This is a great post – I came across it because I’m hunting down an explanation for the following problem:
When I share tall infographics on my page timeline (and I almost always schedule in advance), everything on my activity log looks great and the image scales appropriately. However, when the image posts, the entire picture is displayed, making for a very long, very tiny, very unreadable graphic (see .
Have you come across anyone having this issue?
I see what you mean. No, I haven’t come across this before. I’ll look into it.
It is impossible for me to upload such color pictures sharp on FB. Terrible results!!!
On other sites i’ve no problem at all. They look very sharp. What to do?
[IMG]http://i44.tinypic.com/35n5xyf.jpg[/IMG]
sorry above link does not work..
Based on the image you linked, my guess is that the issue is the smooth gradients of many colors. FB compresses pretty aggressively, and that’s going to be particularly noticeable on images with exactly those characteristics. Great photo, by the way!
David, thanks for a great post. Very helpful.
One question: I recently created an event, uploaded an image as the event profile image. However, on the mobile, the event shows partial pic. Apparently the partial pic it has is an odd section of the image. I need to fix it. Is there a way to specify positioning for the mobile? Or even better upload an entire new pic for mobile size?
The mobile display appears to have been changing a bit lately. I plan to investigate fully soon, but I’m afraid I don’t have an answer for you right now.
Thank you so much David, I was to post my new singing video on my Facebook page but the image size is not kinda right, it doesn’t really show the content, I’m so glad to find this.
“short edge to 403px” do you mean the shortest side of the photo? (I usually crop and resize – and copyright) and then the pics look shitty. Recently uploaded original size, those look good. Makes sense now, reading your story. But I rather stick to putting up smaller pics.
We usually have either 750by500 pixels, or 400*600. Thanks for info!
Yes, so my images might be something like 700px wide and 403px high.
I hear Uploaded Timeline Photo Thumbnail dimensions will be changing soon. I’m already seeing changes when viewing my business page on my mobile app (not the Pages app, but the regular Facebook app) – they are now landscape orientation! It’s driving me crazy – the square dimension made it simple to keep things looking nice whether viewing on the mobile app or on a desktop’s Timeline format or in the Gallery. Any idea what the new dimension will be so I can somehow start working within that when creating images? I’m not a professional photographer by any means, but I use my amateur photography heavily to promote my business. Just when I think I’ve gotten ahold of things, they change the “game”.
Yes, apparently there are changes being rolled out that are driven by mobile browsers. I’ll update when I can get access to an account that has them implemented.
This was all very, very useful for someone with knowledge of pics but not how the manage size and placement. King of like drivers training. Now I know everything and I’m a really dangerous 16 year old loose on FB, LMAO! Watch me go. Seriously thank you for the well thought out explanation that even I grasped on the first pass. Job well done Sir.
Please keep us up to date on any size changes.
Will do!
Thank for this great advice David! I use photoshop to edit my photos, what do you recommend using for the resolution for these types of photos for Facebook? Does it make a difference on the internet like it does when you print? Nothing worse than a great photo that looks blurry just because of the resolution. Thanks!
No, except in very rare circumstances, resolution never really matters on the web. The ones that matter are the number of pixels in each dimension.
Its very nice article with the essential information about the pictures on Facebook. As, now a days, everyone is uploading more and more photos on Facebook.
Well, I used to upload the photos with 960 px. What is your suggestion for regular post/pictures uploads? (I am not interested in uploading photos at full resolution as it is not a wise choice ot do.)
I set short edge to 403px. That keeps thumbnail looking good but small enough that image security issues are minimized. It would be great to be able to offer larger images, but too risky (speaking from experience).
Thanks for this! Awesome tips. Can I offer a suggestion? Next to your cheat sheet, can you throw in a visual map of the various image types? There’s so many, I don’t know what a Cover Photo is from an Uploaded Photo! :)
Great idea. Will see what I can do.
This is awesome! Posted on my Facebook page. And, as my company’s social media person, I’m finding that I refer to these tips often!’
Thank you for taking the time to put together the tips about images on Facebook. I am keeping your site as a reference.
somehow i pushed some button now my facebook is huge
how do i return it to normal size
thanks
Not sure what you mean. Did you zoom in the browser window (that is, does it affect everything in the browser window or just Facebook)?
Thank you! Great tips!
What great info! Must have taken some time to compile, thank you :-)
Do the suggested sizes take into account for latest Facebook Look? ) It was announced March 7th, I don’t have it yet but I’m keen to be ready.
No, it doesn’t. The new version hasn’t rolled out to my account yet, but I’ll update as soon as it does.
Hi, I have a corporate facebook page, with a profile photo that is currently my logo (sometimes my photo). But when I’m logged in, and then go to the pages of other people, I’m allowed to comment…but it shows a gray box “anonymous” head rather than my profile photo. Any recommendations for how to fix? Can’t find info anywhere!
Thanks so much for any tips you can provide.
Not sure what could be doing that, since the current profile picture is always public, by design. Have you got it set to “Use Facebook As” your corporate page rather than your personal profile?
Is there a new spec that Facebook rolled out for sizing photos within the last day or two? I always resize to 2048 on the longest side to avoid Facebook’s compression but noticed a degradation in quality last night (March 13, 2013) to a vertical photo uploaded that evening.
Facebook had changed my home page which now features larger photos (which I tend to upload one at a time with no “high quality” option button that I can see), much larger than ever before.
So will there be a new, larger size for those who like to resize for optimization? It seems that Facebook keeps this information hidden for some reason. Everyone will get their home page changed to this new layout within the next few days, it seems.
Thanks so much for any input.
Not sure. Thanks for the tip–will keep a close eye on it and update as necessary. If they are updating things, some of the rollouts can take a while to get to everyone.
Great post. I’ll be forwarding this page as a reference to my clients with social media campaigns.
-cd
Hi,
I have a question. I resized my image to be 403 height and less than 403 width but facebook still cuts the bottom of image off. I have to Highlight the photo for it not to do that. I tired resizing to less than 403 and it still does this. What am I doing wrong?
Thanks so much.
Oli
It’s not you–it’s Facebook. Vertical and horizontal images are treated differently. I’ve just added a few examples above that demonstrate the issue.
Fantastic information! It’s so hard sometimes to figure out what Facebook is doing. Thank you so much for laying it out so simply. Wonderful graphics as well! : )
You’re welcome!
HELP! How do I reposition a single photo when it is one of a two photo “gallery” on my page?
Take a look at Catherine Karnow Photography and see the two photos I posted side by side and you will see that in the right hand photo, I am almost cropped out. I want to move just that one photo to the right. How do I do this?
I really like your website by the way.
Thanks,
Catherine
Hi Catherine,
I’ve taken a look, but I’m afraid I’m not sure which one you mean. If it’s selecting which part of the image shows up in the square used for the thumbnail on the timeline, in the timeline move the mouse over the thumbnail and then choose the pencil icon from the top right of the post. In the drop-down menu, there’s a Reposition Photo option. You can only drag in one dimension, but that might be what you’re after. If it’s not, let me know.
You have an incredible collection with absolutely beautiful photos.
Thanks, man. I’m applying for a job to take over the social media campaign for a group of hotels, and this is one of the many things they’re not doing well. Now I know the trick to right-sizing the image! You rock!
Glad it’s useful!
Great guide; can you also add the new Event Page photo specs?
Will see what I can do…
great post very helpful!
Hello. What I’ve noticed is that you can upload fairly large files (ie, I don’t shrink or resize first because FB compresses them–it’s just a step I skip). However, if you download that same file from FB, it’s only KB in size now. So, even if someone does steal it, they can’t really print it effectively at that 40kb size.
Thanks for the tip–good to know.
Actually I had someone download and print my photos – with the watermark on them, but I hadn’t compressed them first. They used them in a photobook, so the size of the photos was not large, but they used them anyway and they came out ok. This was someone in my family who I would have happily sernt the full size files had they asked, but now I’m annoyed that they used them without my permission and probably won’t share photos with them in the future.
Great article.
851 px eh? I wonder why the odd 1 extra pixel was on there. Regardless thanks for the dimensions, photoshop here I come!
Okay, thanks for the heads up, Lynne. I’ll investigate.
God bless you!! – thank you for the info!! specially the cheat sheet : )
Re Timeline photos, you actually do have control over the crop. Just click the Edit pencil, then Reposition Photo. https://louisem.com/1785/how-to-reposition-a-facebook-photo
Thanks–you’re quite right. I have corrected above. Thanks!
Can I add something to the “403px” debate on Facebook timeline images? What I found was the width is key. When I posted an image 403px high but less than 403px wide, Facebook scaled the image up to be 403px wide with the result that it truncated the bottom off – which was now greater than 403. When I made sure the original image was 403px wide (and 403 high), it behaved itself. So, key message is make sure images are 403px wide and if you want the entire image to display make it 403px high too. Hope this is helpful.
It is. Thanks!
Hi,
Do you by any chance happen to know what’s the apt size we need to stick to when it comes to the Facebook experience on mobile.
When we set the width to 403px….. it appears cropped from both, left & right, sides.
It seems to display as expected on the mobile version of the site on an iPhone 5 in the Safari browser, but I’m afraid I don’t have other mobile devices to test it on.
Thank you very much for your helpful page.
Dave, they’ve changed it all again :/
Seems like a 507 x380 dimension will get you the whole pic if you edit it for that ratio.
Unfortunately I couldn’t get the ‘highlight’ feature,which used to spread across the page landscape format, to work any more – even using a 1014 x 380 for testing..
ah well,, thank you FB that you are FREE O:)
Do you mean for the link thumbnails? 507×380 is basically 4:3 aspect ratio, which is within a few pixels when resized for 155×114. So if you use a 4:3 image you’ll basically get the full image (technically, it’ll crop about 2 pixels off).
403 is not correct – and niether is 507 – if you upload photos of either size to the timeline they ar enot displayed in the proper dimension and when you click on the photo in timeline to view it full it’s distored and not in the original size……..
I’m afraid I can’t reproduce the issue you’re having. I’ve added an example above when uploading an image 403px by 403px where the full image is used as the timeline thumbnail and displayed at the same size in the photo viewer.
ohhh dear – this is embarrassing :O) – but the very next day, all my FACEBOOK pics reverted to ‘normal’ (which really is a setting on a washing machine) – and my new ‘ratio’ for
FB pics mutated into abnormal views. So in fact, my ‘507 x 380’ idea was only good for less than 24 hours…. just seems like there a was a temporary glitch in how FB displayed photos – but it was quickly resolved.
So back to your observations, Dave, which I wholeheartedly concur with O:).
i’m having trouble uploading photos. it seems only very small 300,000 file size will be accepted. this didn’t seem to be a problem in the past. if facebook reduces the size automatically, why are larger file sizes not accepted? also, i seem to have seen an option to upload high quality photos somewhere in facebook before. does this option still exist? finally, if i choose to just add a link (with thumbnail) to the photo on my website, does facebook have the right to use the image even though i have not uploaded it to facebook? thanks.
For the 300,000 file size image, what width and height in pixels is it? If possible, resizing it to under 2048 x 2048 should be safe.
You can upload fairly large files directly into Facebook photo galleries.
As for the rights issue, it’s a good question and would really take an intellectual property lawyer to answer (which I’m not). The best I can do is refer you to the terms of use, which are at the end of this post. Without being a lawyer myself, my guess is that they could only use what you actually upload to Facebook. But I see the complication that the thumbnail is just a smaller version of the same image content and I’m afraid I don’t have a good answer.
Thanks much- the first straightforward image-sizing advice I’ve seen lately.
KM
I had so many problems trying to uplaod my image for my photography page! It kept on modifying the logo size at 180×180 to the point it would cut off the corner edges of my logo. I ended up having to open a blank document in photoshop and adjust to 300×250 and copy/pasted the 180×180 logo. Worked for me.
Great article and resource!
Do you have any experience with photos in Facebook “groups”? I can upload and albumize, but everything disappears very soon. (Yes, I “Post”). Even more baffling, I can upload the exact same photos to non-“group” pages!
I know you’re not FB support, but thought I’d ask……
Thanks!
Sorry, no, I don’t really use groups I’m afraid.
I need help with this too: “Robert Lowdon: Anyone know why it seems to hate the colour red and blue. Facebook always seems to pixelate these colours.”
We use a pinkish color for one client and blues for another. These always turn out pixelated! Especially the timeline photos we use with posts. Why and what’s a fix for it?
I don’t know of a fix and I suspect is just related to the heavy jpeg compression that Facebook is using on all its images.
Nice article, thanks! Is the post on basic picture montage for timeline header image already in the works? :-)
Thanks for the reminder. Sorry, it slipped through the cracks but I’ll add it back to my to-do list.
Update: I’ve add a new guide at: https://havecamerawilltravel.com/facebook-cover-photo-collage-lightroom/
Here’s what should be a simple question but I’ve not found the answer yet.
I’ve uploaded some photos to an album. How do I use those in a post? It seems like when creating a post I only have the option of uploading a new picture, not using an existing one. Thanks for any help.
Yeah, I think the closest you could do is add a caption to an existing photo in the gallery.
What do you consider the optimum size for a photo that a company posts on their page? I ask because in the past, my company has consistently posted (displayed) images that are 520 x 370 and once loaded to the page, most of the image is cut off. Would you recommend 960 x 720 instead?
Unfortunately there’s no correct answer for that. It all depends on the design of the page. The ones on this site, for example, are usually around 900 or 940 pixels wide. Much wider than that and they crop on a lot of computer screens. But if there’s text around it, like in the post text pages, then I do them smaller.
Can you tell me if its possible just to have a cover photo without profile pic. I know I can delete my profile picture but I’m left with a square empty space and would like to show the whole of my cover photo. Thanks Sue
No. There’s always space made for the profile pic, whether you’ve assigned one or not.
Wondering why I can rearrange the thumbnails in any album EXCEPT the profile picture album – WHY IS THAT??
Sorry, but not sure….
Very useful!!! Thank you!
You’re welcome!
Anyone know why it seems to hate the colour red and blue. Facebook always seems to pixelate these colours.
Going to be sharing this! For some reason the Facebook image sizes have always been a mystery.
FB compresses, at least now, the heck out of uploaded photos. I was looking at your dimensions and comparing to one I had just uploaded and mine is smaller @775 x 560 and yet they STILL compress it even further to make it look terrible.
Check the watermark I used on the muay thai boxers on my page and you’ll see what I mean. https://tinyurl.com/8cdwg3h
Oh well!
Yes, they do. Now way around it, unfortunately. There are other ways of sharing photos, of course, that don’t compress (like Dropbox, etc).
Thank you, David, for your informative article! It should be very helpful for me when I start modifying my FB page. I am so non-techy it will be a bit of trial and error for me even after reading helpful things like yours, and catching the recording of the webinar from TAA. I was a dummy an missed seeing it live. Again, thanks!
Thanks for the info. When I try to save my image using a graphic program to 2048 x 2048, the final out is 2048 x 1370. I don’t understand why it cannot be 2048 x 2048 (width and height). Any idea?
It has to do with aspect ratios. If you crop your image to square shape (us the 1×1 setting in Lightroom’s crop tool), you’ll be able to export to 2048×2048. Otherwise, it sounds like you’re you’re trying to fit a rectangular image inside a 2048×2048 square container, so the long edge will be 2048 and the short edge shorter than that.
Nice article with the several dimensions, i think its the first time that i see it in a table, more easier if we already know the imagens name and locations. :-) Greetings.
What PPI (pixel per inch) setting do you use? This was not mentioned in the guide.
In most situations, PPI setting doesn’t actually matter much. But if you want to match it to the output, typically printing is done at somewhere around 200-300ppi, typical screen monitors are at 72ppi. High resolution displays like new generation iPads, etc, use a higher ppi display setting. But ultimately what really matters is the number of pixels in width and height.
This is helpful – wish Facebook made things this clear.
Can you tell me why, when aq photo well within allowed dimensions is posted, sometimes only part of it appears in the actual ttimeline? The whole picture appears when it is clicked on, but Facebook crops it arbitraily in the normal display.
Glad it’s helpful. Facebook crops the display of images in some settings to keep things consistent, which is what you’re seeing.
When sharing a Web page to the Timeline, I have discovered that Facebook appears to do what you described if the URL gets translated. For example, if you do not supply the protocol prefix (http://), or you include or exclude “www” but the website is set up to default the other way, or you use “http://” and the web server forces it to “https://”. So, when sharing a page with a graphic as a means of publishing it on Facebook, make sure the image is the right size for (e.g., 484×252), then be sure to use exactly the right, complete URL for the page.
I see images from the Aol Image page listed as “may” by subject to copyright. Does that me they are or that it’s an option? If you use one of these images for a FB Cover doesn’t that clear copyright infringements–because you are using it for artistic purposes?
Sorry, Tanya, but I’m afraid I can’t really answer that. Only an intellectual property lawyer could give you an authoritative answer on that, sorry, and I’m definitely not one.
All images are subject to copyright unless specifically named as copyright free. If you want good low price images try istock or similar.
Very good information! :)
Thank you!!
hello,
i noticed that you had a the dimensions of “linked photos” being 90 X 90 (which seems to increase depending on where the image is linked from)
i did noticed as well when i link a youtube file it posts a much bigger image. it does the same when posting a video on facebook.
take a look at this fb page and scroll down it – most of the pics are 90 wide – but then a video hosted by fb is larger and the same with a video hosted on fb.
https://www.facebook.com/pages/Code-Film/196467796949
wanting to know if there was any way to really maximize my image thumbnail???
thanks
Thumbnails for links are 90×90, but the thumbnail for a regular photo you upload to a Facebook photo gallery displays larger–same for videos. So it depends on what it is you’re sharing, whether link, photo, or video.
David,
Can you tell me whether it is possible to place photos on Facebook that are taken from Istockphoto, Flickr and other such sources ?
I have heard that Facebook requires ownership of photos.
Regards.
Just want to thank you for this valuable information. I was searching and searching for the dimensions for images on Facebook and came across the information on your site.
Thanks again,
Wishing you the best,
Sincerely, Penny Howe
https://www.mulligangolfsite.com
http://www.facebook.com/mulligan.golf.cards
I have a question. I’m the admin of a company fb page and I’m having trouble posting a link to a blog entry from the company website. I attach the link but it doesn’t give me a choice as to which thumbnail i want posted. The arrows are there but unclickable. The image it gives me is a random image on the company website. I can’t find info anywhere on the web. Do you have any ideas?
Thanks so much for any ideas you can provide.
Cheers,
B
If you add a link from within Facebook, it will try to grab one of the images from the linked page but it won’t give you the option of uploading another one. There are third-party options that allow you to specify a particular image; some I’ve used for that are sendible.com and Post It At, and there are probably others. There’s also a way you can specify a particular image to use in the html code of your page, but that isn’t especially practical for anything running off a CMS.
Lots of folks are having the same problem B. It is a behaviour change when posting a url to a blog post on fb. The past behaviour was one where there was a choice of pics from the blog post to choose from, now we can’t get anything but our profile pics to post as default even when pictures are the correct size. No one seems to be owning the resolution to this, see this discussion.