LouiseM Visual Social Media

Rock your online presence with DIY graphics! Get Graphic Design & Social Media Marketing tips from an expert.

Home » Facebook Tips » LATEST: Best Facebook Event Image Size 2024

LATEST: Best Facebook Event Image Size 2024

by 137 Comments

What’s the best Facebook event image size?

It 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?

Buckle up for a bumpy ride…

What's the Correct Facebook Event Image Size?

NEW Facebook Event Cover Photo Size 2024

Facebook loooves to mess with things. The Event Cover Photo is no exception.

Verified January 2024: a wild variety of cropping in various places.

And a bizarre recommendation from FB to “choose photos that are 400 x 150 pixels.” This shape will work – absolutely nowhere.

That proportion works out to 8:3, but the proportions I see are:

  • 1.91:1, used on the event page and event shares on desktop.
  • 2.1:1, used on desktop and mobile app event feed.
  • 16:9 for event shares on mobile.
  • 1:1 (square) used on the event page on mobile.

A dizzying array of sizes, and none nearly as severe a horizontal as Facebook suggests you use.

Nor as tiny!

crazy variety of ways the facebook event header may be cropped.

Your easiest answer is to use a photo with no text overlay.

But that’s not why you’re here, right? You want to add text that explains at a glance what your event is about.

A great idea, but FB makes it challenging to have this type of design work!

If you use an easy graphic design app, you can choose the link share size, which is usually 1200 x 628. This is the 1.91:1 ratio.

Or you could use a 16:9 ratio. Most iPhone design apps offer a 16:9 crop. There’s even one in your Photos app!

Either way, if you add text, keep it to the middle section. No wider than a square.

Otherwise, you’ll be faced with something like this on your event page on mobile:

\before and after of a perfect event banner, ruined.

New Facebook Event Cover Photo Template 2024

If you use Photoshop or similar, you can use my template to see where the various crops will try to ruin your design.

This template will help whether or not you have software that lets you set a specific pixel size. You can use a standard 16:9 shape, and visualize the parts that will be cropped out.

We’ll start with a nice large image: 1920 pixels wide by 1080 pixels tall (16:9 aspect ratio).

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.

Right-click and choose “Save Image As…” to download the full-size template.

updated Facebook Event Cover Photo Template

How to Upload your Facebook Event Cover Photo

To add a cover photo or video to an event as the host:

1 | In the bottom right of Facebook, tap menu.

2 | Tap Events, then Calendar to find your event.

3 | Select your event and tap Edit below your event’s title.

4 | Next to the title, tap  then select Upload a photo.

5 | Select a photo and tap Done.

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

More Facebook Cover Photo templates!

Find constantly updated cover photo sizes with FREE templates for:

| Facebook Page Cover Photo size

| Facebook Group Cover Photo size

| Facebook Personal Profile Cover Photo size

Want more?

Check out ALL the optimal Facebook image dimensions here!

Make your Facebook Event cover photo the easy way!

Try Snappa online design tool for free!

Their templates give you the perfect size, with safe zones to ensure your beautiful design looks great on both desktop and mobile.

  • Create highly engaging images in minutes with drag-and-drop.
  • 40,000+ photos and 3,500+ graphics – royalty-free and licensed for commercial use.
  • Or upload your own photos into Snappa.
  • 200+ fonts pre-loaded in Snappa.
  • Or import your own custom fonts to keep your branding intact.
  • Choose from hundreds of pre-made templates, suitable for a wide range of niches.
  • Image dimensions for social media, display ads, blogs, emails, and infographics.

Whether you’re a pro designer or not, it’s got everything you need to create captivating graphics.

• • • Create a Facebook cover photo for free NOW! • • •

Disclosure: IF you upgrade to a paid plan, I may receive a referral fee.

This post was originally published on October 8, 2014, and last updated in January 2024.

Please share if these updated tips helped you with the correct Facebook event image size!

What's the correct Facebook event image size? It differs from the Fan Page and the personal profile. Learn how to make yours look great on mobile AND desktop!

Comments

  1. Louise whenever you share events in messenger only the central square of the banner is shown. As directly sharing an event in a message is a good way of speaking to an intended person it might be worth mentioning that in t the article about crops etc

    Reply

  2. My 1200×628 pixel event cover image is cropped on all four sides on PC, but it shows fine on mobile. The block that the image appears inside of is 500×262 (also 1.91:1 ratio), but the image it shows is a 526×275 version of my original image.

    You’ve clearly done a lot of testing and research. I don’t doubt your information. I’m just disappointed by Facebook. I guess I need to learn not to put anything interesting at the edges.

    Reply

  3. Hi…i created a facebook event image size at 1920 x 1080..but when loading it on facebook it crops it to around 1000px high..

    Reply

  5. I have a problem, because 2 of my 3 pages suddenly cannot post large thumbnail meanwhile I didn’t do any change on it and in my another page the feature adding extra image is still working.

    Reply

    • Not sure what you’re referring to since this post is about event cover photos. Is this regarding link posts on an event page?

      Reply

  6. If you right-click on the banner of the Events page and open up the Inspector, it’ll show you that it’s currently set at 500 x 262 pixels.
    Easy peasy lemon squeezy.

    Reply

  7. Thanks this article really helped as I had no idea the sizes changed and was wondering why things looked weird once I uploaded the images.

    Reply

  8. You nailed it. A perfect illustration of how to best utilize the current Facebook Event header image space.

    Thanks for laying it on the line!

    Reply

  9. 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?

    Reply

    • 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.

      Reply

  10. Thanks for posting this. Sometimes you don’t even know something’s changed until you actually look at the page and go WTW!???

    Reply

    • 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.

      Reply

    • What dpi are you using. Maybe use a lower dpi(although not lower than 72dpi) so Facebook won’t attempt to compress it as much.
      But as Louise said, DEFINITELY try out the PNG format…as those tend to look better on Facebook, as opposed to JPEGs.
      The studio I work for always has me creating PNGs for their social media(Facebook) files.

      Reply

  12. 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?

    Reply

  13. 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!

    Reply

  14. 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

    Reply

  15. 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.

    Reply

    • 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.

      Reply

  16. 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

    Reply

    • 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.

      Reply

  17. 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

    Reply

    • 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.

      Reply

  18. 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.

    Reply

  19. 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?

    Reply

  20. 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!

    Reply

  21. 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

    Reply

  22. 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…

    Reply

  23. 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.

    Reply

  24. 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.

    Reply

  25. 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

    Reply

  26. 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.

    Reply

    • Sorry to hear this about the awful compression! I greatly appreciate you sharing the results of your experiments. Thanks a million!

      Reply

    • 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!

      Reply

  27. 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/

    Reply

  28. Are these measurements still accurate?

    784×295 px – proportionally 1200x452px for better quality ? Or do i risk portions of that image to be hidden?

    Reply

    • 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.

      Reply

      • 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.

        Reply

  29. 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….

    Reply

    • Yes, that makes sense! Only difference between what you said and I showed, you cut off the top and I cut off the bottom 😉

      Reply

  31. 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

    Reply

    • 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.

      Reply

        • 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??

          Reply

          • 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.

  32. 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!

    Reply

  33. 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.

    Reply

  34. 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.

    Reply

  35. 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 🙂

    Reply

    • 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.

      Reply

  38. Thank you a million times over for sharing this. I can not begin to tell you how helpful it’s been for me!!! xo

    Reply

  39. 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.

    Reply

  40. 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.

    Reply

    • 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.

      Reply

  42. 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.

    Reply

  43. 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…

    Reply

    • 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.

      Reply

  44. 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

    Reply

  45. 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!

    Reply

    • Interesting! I couldn’t find that size posted anywhere else online.

      BTW the dpi is irrelevant, only the overall pixel dimensions matter.

      Reply

  46. 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

    Reply

    • I’ve researched extensively and haven’t been able to verify 784×300. Could you cite a source?

      Reply

      • 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

        Reply

        • 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%.

          Reply

  47. 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.

    Reply

  48. 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.

    Reply

  49. 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. 🙁

    Reply

  50. 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

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *