Facebook Banner Size Template
If you have actually found this web page, you believe discovered for on your own that working out exactly what picture sizes to make use of on Facebook isn't really as very easy as maybe. It entails some wrangling to obtain the results you desire. Each kind of image on a page, profile, and timeline has its own dimension and also quirks. And also Facebook never ever has been very great regarding making its help web pages easy to discover.
Making points much more enjoyable is that Facebook modifications things periodically, usually with no caution. In some cases it's a tiny, incremental tweak. Often it's an entire overhaul (such as when timelines were presented as well as once again when they were transformed from 2 columns to one column). So it's always a little bit of a relocating target. And there always seems to be a new system just nearby.
So whether you're using Facebook web pages for social media advertising and marketing or just aiming to post photos for family and friends, here's my newly updated 2017 version of the informal guide for the dimensions of Facebook pictures on the different components of the website.
I attempt to keep this as current as possible, however Facebook has a nasty practice of making unannounced changes and after that rolling them out gradually to customers to ensure that not everyone obtains them at the same time. If you've seen something that's transformed, please let me know in the comments so I can update it.
Facebook Banner Size Template.
Facebook Cover Image Dimension.
The Facebook Cover Photo is the big breathtaking picture space on top of the timeline.
It's currently shown at 820px wide by 312px high on computers and 640px by 360px on mobile phones.
The image you upload need to go to the very least 399px large as well as 150px high. I suggest publishing ones that go to the very least 1640px wide as well as 624px high. a thorough article explaining why.
You can only mark one image as your Cover Photo. Panoramas are suitable. Straightforward crops additionally work.
And there's nothing stopping you from assembling a collection in your imaging software program, waiting as a single photo data, as well as submitting that. Below's an example using (see for detailed guidelines).
facebook.
And also right here's an instance utilizing Lightroom (see for action by step instructions).
Facebook Image Size Overview
If you've simply established up a brand-new Facebook account or web page and do not yet have a cover image, just click the "Add Cover Image" switch at the top of the web page where the Cover Image will certainly go. You'll then obtain this warning popup:
Facebook Image Dimension Overview
Once you've included your picture, you could alter it conveniently. When you're logged in to your account and also on the Timeline view, click on the video camera symbol near the bottom right of the cover photo-- you'll get a flyout link for "modification image." If you determine you wish to rearrange or eliminate the picture, you could make use of the very same food selection.
Facebook Account Photo Size.
The Profile Picture is the smaller sized, square at base that's to the left of the cover photo. It used to overlay the cover photo's bottom left edge, however in the most recent design it has actually been relocated to it's very own spot in the leading left of the web page.
Whatever shape photo you upload, it will be chopped to a square.
It displays at 170px by 170px on computers and 128px by 128px on smart devices.
If you utilize a picture that's not square, you have some control over which part of the picture to utilize for the crop. When you're logged in, click the small camera symbol at the bottom right of the account image-- as you float it will overlay to a "change picture" web link.
Pointer: If you find that your resulting account image, after it's downsized in Facebook, is blurry, try submitting an image two times the dimension of the downsized picture (that is, a photo that is 340px by 340px). That ought to provide a sharper outcome.
Account Image on the Timeline.
The profile photo that shows up following to your name on comments and messages is the same picture however is immediately scaled down to 40px by 40px.
Shared Link Thumbnails.
Some points obtained streamlined in the new design. didn't. Yet they've been improved the previous variation, and also we also obtain some nifty brand-new features like being able to submit a various thumbnail photo as well as utilize multiple thumbnails that web link back to the common URL. (I have a different message on.).
The easiest design is with a single picture. It's scaled to fill up a box 476px by 249px. Such as this:.
A brand-new attribute is that you could consist of multiple thumbnails, each which is connected back to the URL you're sharing. They're chopped to squares that are 300px by 300px and showed as straight carousel. Such as this:.
One Picture on the Timeline.
When you post a picture to the timeline, a thumbnail is created immediately to fit within a box that is 476px large and as much as 714px high. So if you intend to utilize the maximum area offered, post a photo in picture positioning (upright) that remains in the ratio of 3:2.
If you publish a landscape (straight) photo, it will be scaled to 476px large as well as keep its shape. This, as an example, is a rectangle in landscape orientation that remains in the element proportion of 3:2. The full area of the photo shows up.
This is one more rectangular shape in landscape alignment, however it's a much narrower facet proportion like a banner or view. The width is once again 476px and also the photo is scaled to ensure that the entire image location appears.
If you post that exact same image revolved 90 levels, to make sure that it's high instead of wide, it will be cropped to the optimum readily available area of 476px by 714px.
And if you post a square, the whole image will be displayed, with the size at 476px.
Uploading Numerous Photos to a Web Page Timeline.
You can post multiple photos at once to the timeline. Exactly how they're shown depends on the amount of pictures you're posting and also the orientation of exactly what I will certainly call the key photo.
The primary image is just what I'm calling the one that shows initially in the uploading popup, as well as it also displays bigger in some of the layouts. Up until now as I know there's not an official name for it, yet I'm going to proceed as well as utilize main photo.
As well as showing initially, the key photo has an additional vital function. It determines the format you obtain. If you submit 3 images with a square primary picture you'll end up with a different format than if you upload 3 photos with a rectangular key picture.
The most convenient way to pick which image serves as the primary picture is to drag it to the left in the upload dialog.
Below's an instance of exactly what I imply. In this one, I'm posting two photos, a red square and also an environment-friendly picture rectangle. If the red square remains in the very first setting, similar to this:.
it posts such as this:
Publishing specifically the exact same two images yet reversing them, to make sure that the portrait rectangular shape is first, like this:.
display screens such as this:.
The very same principle uses if you're posting two, 3, or 4 pictures-- the format will certainly constantly take its sign from the primary picture.
2 Pictures With Straight (Landscape) Primary Picture.
The complete size comes to be 476px as well as the height is chopped to 237px.
2 Photos With Vertical (Portrait) Key Image.
2 Pictures With Square Primary Picture.
3 Images With Horizontal (Landscape) Key Image.
Because the format takes its cue from the key image, you can mix and also match the orientations of the non-primary images-- they'll still display the exact same.
3 Images With Vertical (Picture) Primary Photo.
3 Pictures With Square Key Image.
4 or More Photos with a Horizontal (Landscape) Primary Photo.
You could mix and also match the positionings of the non-primary photos-- they'll still show the very same.
If you upload 5 images or more, it presents only the very first 4 pictures but will certainly include an overlay down right thumbnail with the number of photos that are not displayed (eg. +2 or +4, etc). Such as this:.
4 or Even more Images with an Upright (Picture) Primary Image.
4 or More Pictures with a Square Primary Photo.
Full-Width Photos on the Timeline.
Yes, they were great. The image extended both columns. But Facebook got rid of them in their redesign in mid-2014. Your updates currently just receive a single column, and there's no chance making photos larger compared to that column.
Event Header Photos.
No matter what form picture you post as a header picture for an even post, it'll be chopped to an element ratio of 16:9. For ideal outcomes, post a photo that's 1920 by 1080 pixels. But something to view out for is that in the primary event sight it's reduced quite a great deal, so do not use typefaces that are also small (individuals can click the picture to open up a larger variation, yet not everyone is mosting likely to do that).
When it's displayed on the primary occasion web page it's scaled to 500 by 262 pixels, like this:.
Metadata.
While not particularly pertaining to image dimensions, it is worth understanding that Facebook strips out all metadata from your pictures. That consists of all GPS, video camera kind, as well as other data that your electronic camera may embed, along with anything like key phrases or copyright information you might have added. (An exception is if you remain in ).