The Facebook event image size differs from both the Fan Page and the personal profile!
Photos on the event page wall will be seen at 470 pixels wide, up to 470 pixels tall, depending on the shape photo you upload.
Feel free to make them bigger (but not smaller, for best results). Both myself and Facebook often recommend a 1200 pixel width.
And the event cover photo? It keeps changing!
2018 Update: Facebook Event Cover Photo Size
Checked and verified January 2, 2018: The recommended Facebook event cover photo size is 1200 x 628, same as a link share. This is a 1.91:1 ratio.
I strongly recommend you use a larger photo! I checked the display size on iPhone, iPad and desktop, in both the Event and the linked Group. Four of these six display at larger than 1200 pixels wide! Friends, you don’t want Facebook stretching your beautiful Event Cover Photo.
I recommend 1920 pixels wide. You can go with the 1.91:1 proportion and make it 1005 pixels tall. Or, just use a standard 16:9 shape, and know that there will be a bit of cropping top and bottom (see template).
The great news is, the cropping is virtually identical in all 6 places.
And, no Facebook-added type overlay to worry about!
Facebook retired the separate Groups App on September 1, 2017, so we no longer need to be concerned with that weird crop.
Facebook Event Cover Photo Size: Download the Template!
This template will help if you don’t have software that lets you set a specific pixel size – or you’re using a video cover photo! You can use a standard 16:9 shape, and visualize the small amount that will be cropped out.
Right-click and choose “Save Image As…” to download the full-size template.
Instructions for using my social media templates
1. Open in Photoshop or other graphics editing program that has layers.
2. Change Image > Mode to RGB (the template is an indexed color PNG).
3. Add guidelines to match template, or use template as a translucent layer for guidance.
4. Delete template from image file when your design is done.
If your design program doesn’t have layers, you can use them for size and visual reference.
There are more social media templates in the Free Member Area.
How to upload your Facebook Event Cover Photo
Read my above suggestion that the FB-recommended size below is too small. Here are the sizes I measured as of January 2, 2018:
- Seen in iPad group 1128 x 590
- Seen in iPad event 1210 x 632
- Seen on iPhone (both) 1242 x 650
- Seen on desktop event 1250 x 656
- Seen on desktop group 1190 x 624
So go larger! Nonetheless, here are Facebook’s own tips.
To add a cover photo or video to an event as the host:
- Go to the event and click Upload Photo or Video or
. For best results, choose photos or videos that are 1200×628 pixels (about a 2:1 ratio). The recommended length for videos is between 30 seconds and a maximum time limit of 5 minutes.
- Choose your photo or video and reposition it if you like, then click Save.
Note: Keep in mind that you can’t edit the size of a main photo or video after it’s been added to an event. If this is a public event, anyone who views the event can see its photos and videos. Photos and videos posted on private events are only visible to people who were invited. source
What next?
To save this post to Pinterest: Click here to repin.
To learn ALL the updated social media sizes: Read this blog post.
For a recent history of FB Event Cover Photo sizes, read on…
Older Facebook Event Cover Photo Size Info
Below you’ll find prior recommendations that are likely outdated. However, I’m keeping them in the post in case you find the new dimensions aren’t working for you! Please leave a comment if you’re still having problems with the new Facebook event size.
From May 2017: The correct Facebook event cover photo size is 1920 x 1080 pixels. This is a 16:9 ratio.
Photos uploaded at less than 1920 pixels wide will be enlarged to fit. This isn’t ideal as you lose resolution, making your photo look fuzzy or jaggy. Start with a large enough image, preferably in a horizontal format. As mentioned above, 16:9 ratio will work best.
To upload, Click Add Event Photo at the top right of the event page.
Choose your photo and click Save Changes. Keep in mind that you can’t edit the size of a photo after it’s been added to an event.
Pictures uploaded in a wider proportion will have the sides cropped. Taller images will be cropped top and bottom.
The event photo appears in three different locations. They all look best when following the 1920 x 1080 recommendation.
- Upcoming Events: Those you invite will see the Facebook event photo displayed as a thumbnail in their upcoming events. Choose an image that looks good at full size and as a thumbnail, so users can recognize your event.
- Event Page: Your event image displays at 470 x 174 on your event page. This is the main resource for the event’s specific details, comments and updates.
- Newsfeed: Event images within your Newsfeed display at nearly the same dimensions shown on the actual Facebook event page.
A reader’s comments:
On April 30th, 2017, I did some tests on multiple devices and apps for Facebook’s event image headers crop dimensions.
- Event Page header image on desktop and some apps is full 1920 x 1080 / 16:9 image.
- News Feed image across multiple apps crops top and bottom off to roughly 1920 x 1000.
- Groups App seems to crop into the side in at 1757 x 738.
I always appreciate my readers’ comments!
From March 2017: Facebook is always changing things! A reader has done extensive testing and provides these suggestions:
Just spent today experimenting with a few things, and honestly, 1200×675 or perhaps 1640×675 is still best bet.
What I found:
- 1920×1080 doesn’t improve anything. Still has same compression, just different aspect ratio. And the aspect ratio is hard to design with.
- David’s 1640×675 produces the same result as 1200×675, but with different aspect ratio.
- For the most part, 1200×675 worked better across platforms.
- FWIW it looks the worst on desktop in all formats, and the best on mobile.
He left more about the compression issues in the comments, so scroll down and check it out if you’re interested.
If you’re having trouble with fuzzy text or artifacts in your flat tones, try saving your image as PNG-24 in Photoshop.
For another take, listen to reader Stephen Billington:
I’ve found that, although not perfect, a size of 1200 x 628 works the best for the cross platforms. For me it’s important that the mobile event picture should appear full in the page feed. The mobile event page picture itself loses a touch off the sides and it looks good on the desktop version in both the feed and the event page.
If you do a lot of FB Events like Stephen does, and use text on your Cover Image, you might play around to see what works best for your needs. True confession: I almost never look at the FB news feed, so I couldn’t tell you what looks best there.
If you’re on desktop and want to see what your event, page, or profile looks like on mobile, just replace the “www.” in the URL before Facebook.com with an “m.” Voila! Mobile layout on desktop.
This post was originally published on October 8, 2014, and last updated January 2, 2018.
Share this post if these updated tips helped you with the correct Facebook event image size!
Hi there,
I am so frustrated with the Facebook event photo size, etc. I try and try and try and very rarely get it right and then I forget what I’ve done or the image I want to use is totally different and what I did before won’t work.
This article is dated October of 2014, are these guidelines still accurate or have they changed…?
Any advise or suggestions are appreciated.
Thank you,
Cristina
My apologies, Cristina, I just found this in the spam folder.
Yes, this size is correct for desktop. I can’t find dimensions for mobile. Would love to know if you discover anything!
https://www.facebook.com/help/131959340211846
These are not the dimensions that Facebook recommends.
“The recommended size for event photos is 1920 by 1080 pixels (16:9 ratio).”
I haven’t done an event header for a while… could you tell me if this works well on both desktop and mobile now?
I just created a private event page, selected one of the built in themes and saved the photo FB sets.
The dimensions of the photo created by facebook are 2048×1536. This photo can be re-positioned vertically. At that width 1060px is what is visible in the height on FB Desktop in Chrome. It appears that in the mobile FB App about 95 additional pixels are viewable in the height with no difference in width.
Thanks for that update, Daniel!
The dimensions that I have found to work best (without using a built in FB theme) are 1920×1080. This is the recommended size according to FaceBook. This size works for both desktop and mobile. I have found that any other size has to be adjusted or repositioned – something I hate doing.
Thanks for letting us know. Funny that some people are getting different results.
I always take FB-provided sizes with a grain of salt. They often don’t work well.
http://variable.dk/blog/750-facebook-event-cover-photo-template-updated-may-2016
That website has a very helpful image to know all of the safe areas for an event photo.
That looks useful. Not sure how that would work for mobile though.
Hi! We created a Facebook banner, but when we share it, it gets all blown out? Do you know how we fix that? Thanks!
Sorry, can’t imagine why that would happen.
This size is no longer correct as of February 2017. It’s now approx 500×262.
THIS IS CORRECT!—for the time being.
I resized a picture and it still is cut off.
I find all this facebook sizing so difficult. I’ve also heard numbers of 1200x444px for an event cover photo. I’ve tested and that size still looks not exactly right. 🙁
That’s the same proportion as 784 x 295. What’s the link to your event? I’d love to check it out.
Thanks for the tips! I still cannot seem to find the dimensions for event cover photos for mobile. Even with the correct desktop dimensions, the mobile version is cropped significantly.
Good point, Natalie. If I find anything, I’ll be sure to post here.
Why do Facebook ask for 1920×1080 images?
You pull an image together and then they crop significant chunks and offer no official guidance on how to compose each image. They then change the specification so regularly that searches become less effective as redundant advice with thousands of hits outranks current advice with hundreds,
Bah!
Thank you for pulling this together.
Size has been modified again, its now 784×300. Men o men why dont they just stick to something. There ratio conversion is also very fage and always changing
Thanks for the update, Rombout!
I’ve researched extensively and haven’t been able to verify 784×300. Could you cite a source?
Hi there,
I have found that 584 x 300 will do the trick.
The eventpic will appear as you made it in your mobile timeline and desktop.
Unfortunately….. when you click on the event the pic will be somewhat different. More zoomed in. Pfff so strange. But I figure it’s more important to display the image properly in the timelines.
Greets, Maarten
Good tip, Maarten! Thanks.
Created an event and used non-scientific measurements, but this worked great: 784 x 441px with an active area (meaning the area that it gets cropped to at desktop size) 294px tall horizontally in the middle. The image itself appears to get zoomed in about 118%.
Thanks for your tips!
Thanks to Rombout Versluijs for giving the correct dimensions! I have been fighting all morning to get it correct. I was using the dimensions that FB said to use when I uploaded the first photo! The 784 x 300 px at 300 dpi was perfect!
Interesting! I couldn’t find that size posted anywhere else online.
BTW the dpi is irrelevant, only the overall pixel dimensions matter.
Hi Louise,
I want to thank you for publishing the Facebook Event Size and other sizes such as Facebook Notes – very helpful. I use Canva, which automatically sizes a Facebook Post, Cover Images, even business cards, to create social media and other marketing images, but sometimes they don’t have all the templates.
Susan
You’re welcome, Susan! Glad they help.
is there any trick to have event photo so that crops in similar way across desktop and mobile version? If Use 784×300 it looks fine on desktop but then of of course some areas get cropped when viewed on mobile…
No trick to get around that, I’m afraid. Facebook does that to each kind of cover photo. Either keep important elements away from the sides, or make it in proportions for mobile and keep stuff away from top/bottom.
What I did was I took a screenshot of the event on my phone. I then uloaded it to picmonkey and cropped it down to only the cover photo. I don’t know if it changes due to what phone you have but on my iPhone 6 it turned out to be 750 x 420px.
So if you want the dimensions for iPhone 6/6S display which must be very common it is 750 x 420px.
Thanks Joachim! It sounds like we need a taller proportion to work on mobile.
Thanks for the article.
I have struggled all afternoon on a Saturday to find a solution and nothing seems to work across devices.
But I noticed an active event on Facebook that has a picture not cropping or losing quality on Mobile/Desktop/Timeline/News feed/Event page…How are they doing this?
https://www.facebook.com/events/1810737272544160/
I’m finding that the new FB event cover image dimensions are now 826 x 294 ???
Can you confirm this?
I did screenshot+crop to get this number but I’m frustrated that the crop it does for the news feed isn’t centered. Drives me crazy.
I get the same on desktop, but it’s a completely different shape on mobile. There’s simply no info on FB about it, that I can find. Or anything different from what I wrote in the blog. It’s frustrating for sure.
thanx for sharing this blog most of the people do not know about it what the size of image is use in fb event, really very informative content.
Glad it helped!
Thank you a million times over for sharing this. I can not begin to tell you how helpful it’s been for me!!! xo
So happy to hear it helped, Andrea. Thanks!
Thanks a lot for the lovely article. I really appreciate the hard work you put in it.
Thanks for the updated post!
It worked great.
Today.
Hope they don’t change it this week haha
I know, right? 😀
Ok so I messed with this all day. It appears the 1200×444 is a good size to start with. But know that at some point you will have approx 85px at the bottom that will have text overlay on desktop and between DT timeline cropping and Mobile resizing about 200px cropped off either side. So find that happy spot in the middle for your text and logos and important stuff and know that those other areas will either get cropped or covered 🙂
I think if you make it taller as I suggested, you won’t have to deal with the side cropping on mobile. Of course, you’ll get top-bottom cropping on desktop. But mobile is priority these days.
It’s a balancing act, for sure.
Previously I was sizing my images to be uploaded on fb but then the image doesnt correctly fit or I have to crop.Now I will follow your terms.Thank you for sharing this.
Glad it helped.
Thanks, but it seems like the recommended dimensions of the various image elements on Facebook are constantly changing. And it’s driving me bonkers! I devoted the better part of today trying to size an image to exactly 1920 by 1080, because that’s what someone on another site (I don’t recall the site) says works best. Now, in this post of yours, I’m seeing something TOTALLY different.
Oh well, back to the drawing board! Honestly, I don’t know why I didn’t check your site first, because you have obviously thoroughly researched this stuff.
LOL I just realized where I got that 1920 x 1080 recommendation from: Facebook itself! (When creating the event, that’s what is suggested in the hint.)
Facebook can be crazy-making, that’s for sure! 😀
I did a Facebook Event yesterday using the 1200 x 675 sizing and it’s come out spot on. It looked good on iphone, and it looks good on desktop too.
I stuck to the middle area for the text, and you also get a bit of ‘wiggle room’ for the positioning up and down.
The other thing I saw was that although I did the background white, there was a faint grey overlay along the bottom, which made the event details stand out.
Thanks for the cheat sheet and all the updates Louise!
Hi Debby,
Glad to hear it worked well!
Just noticed it changed again. It now is 826x300px 6px gets cutoff due to div wrapper. But somehow image gets squized, cant find out out how or what.
You can even upload 1920x1080px but top and bottom will get cutoff quite a lot, so this isnt very usefull. Upon click the cover you will see the full 1920x1080px
Yeah, this is no longer accurate. Would love to know if you create a new template. Seems mobile is closer to what’s on desktop now.
Looks like desktop has changed to be virtually identical to mobile. No more type overlay.
The type overlay only seems to be gone on Firefox on the Mac but not FF on PC or Safari. The dimension also seems different. I’m on FF 51.01.1 on a Mac, my colleague is on FF for the PC. On the mac the dimension appears to be 784×300 with no text overlay, on Safari and FF for PC, there’s still an overlay and 1170×480. Don’t know what to do??
I think I’ve found an official size from Facebook (1920×1080):
https://www.facebook.com/help/131959340211846
I hope this works. Not sure if “main photo” means cover photo, or how it will appear on different browsers and devices. Makes it tough to actually “design” anything. All I can recommend is going with a plain photo, no text.
Yeah, it’s kind of a mess. Because it keeps changing and I no longer work with Facebook, unfortunately I don’t have the time to untangle it. I hope the other info you found works for you.
The PNG tip doesn’t seem to work anymore – at least not for me. The factor 2 do though. Just double all the original pixels and let fb take care of the compression – and the result gets better than when I tried to bypass it (but failed). But with x2 and jpg I got both sharp results and less artifacts. Followed info from here instead: https://havecamerawilltravel.com/photographer/sharp-text-facebook-image
Thanks Lasse! David has a great site and I’m glad to hear he’s on top of this issue.
Hi! So there is a sneaky trick to the mobile and not mobile issue that I just figured out. We do musician events, so i will use that as an example.
The desktop cuts off 247 vertical pixels of the image. So here’s the trick. I use photoshop, so I make a canvas that is 1200×675. Then you make the important stuff in your header fit within an area that is 1200×428 at the bottom of the image. So lets say a picture, the musician’s name, and the date & time. Leave the rest of the canvas blank. Then you can put non-essential info like cost, address, etc. at the top in the 247 pixels that will be cut off on the desktop version. Save it. Then when you upload the pic to FB, you get the option to reposition the image. Position it so that you are at the bottom of the pic you just uploaded & save. Then the desktop version will show just the bottom 248 pixels with your major info, and the mobile version will show the whole thing with the the additional info. Hope this make sense and helps someone….
Yes, that makes sense! Only difference between what you said and I showed, you cut off the top and I cut off the bottom 😉
Are these measurements still accurate?
784×295 px – proportionally 1200x452px for better quality ? Or do i risk portions of that image to be hidden?
Unfortunately FB changes things so often that their own info is often outdated. And they roll out changes, and trials of changes, that make it impossible to make a definitive statement.
Sorry I can’t help! Wish I knew.
Yes indeed..it’s getting to a point that infuriates me. They seem incapable of taking a decision internally. Not to mention they don’t provide easy tools for previewing how an image ends up looking on multiple choices. It seems like a website stuck in year 2000.
Yes! Exactly that. 🙁
something strange has happened to events these last few days.. the cover photo has changed location on the desktop version.. and now when my event is shared the image is totally cropped so just the bottom half shows even though it looks perfect on desktop and mobile…
here is the event.. any ideas??? https://www.facebook.com/events/379284225765166/
ive had to change it back to a previous photo but the image i was using was 780×465 px
It looks great on desktop! FB is really messing with the event covers lately. Waiting for the dust to settle…
So the “Event cover” photo is now nothing like a Page cover, and is closer to mobile. It’s fugly, too, and seems to produce far worse compression and artifacts than Page Cover Photos (which I can make look decent cross-platform).
Just spent today experimenting with a few things, and honestly, 1200×675 or perhaps 1640×675 is still best bet.
My issue is FB’s crappy image compression algorithm and, because I have a red logo on text on black background, it produces fuzzy lettering. Nothing, and I mean nothing, can fix it.
What I found:
• trying to get image under 100kb doesn’t seem to matter. My images are compressed down to 66kb no matter what I do.
• 72/96/300dpi JPG all produced the same compressed result.
• PNG didn’t improve anything.
• Reduced size PNG (8bit and/or using TinyPNG) didn’t improve anything.
• 1920×1080 doesn’t improve anything. Still has same compression, just different aspect ratio. And the aspect ration is hard to design with.
• David’s 1640×675 produces the same result as 1200×675, but with different aspect ratio. And for the most part, 1200×675 worked better across platforms.
• So I stuck with the 1200×675 aspect ratio.
• FWIW it looks the worst on desktop in all formats, and the best on mobile.
From a designer’s perspective, ditching red-on-black would be the solution, but I can’t, because of theme & logo from the client (a University). I also use blue-on-black, a little better, but still feathered. White is best bet.
Still, you’d think by now that FB would just buy TinyPNG, have us upload PNG and compress nicely. JPG sucks.
Sorry to hear this about the awful compression! I greatly appreciate you sharing the results of your experiments. Thanks a million!
Thanks so much for sharing your compression experiments, and for the tip on nixing the red-on-black if possible! (Same problem here; brand colors, but I was able to use a secondary brand color which does appear to translate much better).
Thanks for easing the frustration!
Glad it helped!
Wow I am just reading about the size changes for event images here. I too noticed on our business page some of our graphics are getting cut off. This is frustrating, we just want to look up to date and professional.
Will someone please do a graphic with the updated sizes when the dust settles?
I am going to be honest right now, I would really just need the sizes for cover, event image, fb image in feed and all images to make sure we are creating the current sizes.
Gwen
For me, I found the best size to use was 1200 x 630.
I’m not sure why, but the 1200×675 was being cropped in a strange way.
I’m using the latest Firefox and windows 10 and for mobile, the Facebook app on a windows 10 mobile device.
Here are the best sizes for sharing images on face book event this blog is very quite helpful for me and thanks for sharing the info.
Really Good Post, face book is the marketing website to connect everyone, for advertisement also and customer share their experience Content, thanks for sharing with us…
April 30th 2017 did some tests on multiple devices and apps
Facebook’s event image headers crop dimensions
Event Page header image on desktop and some apps is full 1920 x 1080 / 16:9 image
News Feed image across multiple apps crops top and bottom off to roughly 1920 x 1000 (I was measuring 1002 once scaled but 1000 seems more likely)
Groups App seems to crop into the side in at 1757 x 738
Example
https://imgur.com/a/1R7wB
Awesome! I’ll update the post soon. Thanks!
Hi all! Can we delete the cover photos after uploading? I’m not finding that option in the “options” dropdown when I click on the event cover photo anymore 🙁 Please don’t tell me we need to resize all of them!
Do you have an Event Photos tab? Try to delete there.
too much talk about resolution but the biggest problem is Facebook changing the cover photo from PNG to JPG and absolutely destroying everything its sharpness, color fidelity, saturation and adding artifacts. last time I managed events was in November and PNG was only possible to upload from a page, not a personal profile. in order to upload a PNG to an event, the manager had to be a page.
I tried that trick today and it doesn’t work anymore. I created a 105kb PNG and Facebook converts it into a disgusting 190kb JPG. any way to solve this issue?
Not that I know of, sorry.
1920×1080 works well except for the overlay thumbnail in “events” section > “upcoming events”. The horrible thumb comes up on mouseover with the cropped 1920×1000 version (ratio 1,92) *stretched* to 370×159 (ratio 2,32).
Shame on FB.
They sure make it difficult!
But you help us a lot, Louise 😀
Thanks Ich 🙂
Hello,
I am at my wits end trying to use the Union photo app for an a Facebook event cover photo. The app has preset sizes and one of the is 16:9 but when I upload it to Facebook, it chops the ends off. Can anyone give me some insight?
Thank you,
Jen
Preset sizes in any app don’t work for any FB cover photos across various devices, because they crop differently depending on the device viewed on (and possibly by app too, like Groups app, Messenger, Pages app etc).
My advice is once you’ve seen how it gets chopped, redesign it with keeping anything important in the non-chopped area.
There are no guarantees, because there are so many devices now you can’t check them all.
Hi Louise Myers,
I have been following your article from a long time. Seems Facebook again changed the size. I tried many guides and I feel you should check this article and update the sizes again
geekdashboard.com/facebook-event-photo-size/
According to it, here are the sizes
Actual size: 1920 x 1080
Desktop feed size: 500 x 262
Mobile feed size: 413 x 232
Thanks, but I don’t see the difference. The basic size is 1920 x 1080. On mobile devices, it’ll be downsized to the user’s device, so there’s no way to name a specific size. Even on desktop, many users have retina display, so 500 x 262 would look terrible to them.
The proportions I’ve given here appear to be accurate. If you can show me how it’s being cropped differently than what I’ve shown, I’d be happy to update the template.
Just spent a bunch of time making a 1920 x 1080 image for my FB event page. It was too big. Looks like 1920 x 1000 is the better size to you. Oh, well. Back to the drawing board, literally.
Sorry to hear that! I honestly can’t keep up with all the FB changes, and how things look on multiple devices. Best to keep things simple and let the cropping fall where it may.
That event cover of 1920×1080 is crap. When you go the event overview list, the image is cropped imense and its is squashed vertical. That some big bug from Facebook, has been there for weeks now.
They show fix that
Please please please help! I tested all these dimensions, but it stays blurry!! What is the resolution? JPEG or PNG? Thank you for your help!
Upload the highest quality image you can. Try PNG-24.
You don’t explain why you suggest making an image larger than Facebook displays it. If it will be displayed at 470pixals why upload it at 1200?
If clicked on, Facebook photos will display at up to 2048 pixels wide.
Just wondering why it still appears blurry. I uploaded maximum image 1920×1080.
Facebook compresses images. Depending on your image, it may be more obvious, especially if you have text or red tones. You could try a PNG file.
Thanks for posting this. Sometimes you don’t even know something’s changed until you actually look at the page and go WTW!???
Sometimes for concert events, they creator uses a full size poster and facebook trims the header to the normal size. However when you click on the image, it opens up the full size poster. For example, see this event link: facebook.com/events/179114919534104/
How do I do this on my event?
Have you tried it? I don’t think there’s a trick. Just upload the large image and let the header cropping fall where it may.