New Image Size for Facebook Event Images/Banners

New Photoshop Template

Things change a lot… especially event cover photos on Facebook. The image size or dimensions for Facebook’s new Event banners is 768×349. These dimensions, when resized also equal the size of cover photos for pages and personal profiles (851×315).

As you can see, my latest template is 784×295. That’s what the CSS file says now, so that’s the size of the template, simple. The rest of the post still applies.

How Facebook Uses Your Cover Photo To Create Thumbnails

Facebook doesn’t use the entire cover photo everywhere, they only show a small portion of the event image on your Facebook page.

The upper, center portion (rectangle) of the cover photo is used as a thumbnail preview on your page’s Timeline. It’s pretty small so I try to have a logo and date in this area.

The entire center portion (square) of the cover photo is used as a thumbnail on your page’s event listings page. This area can also be used when promoting your event.

Photos of people will cause your thumbnails to move around on you. Looks like Facebook notices faces and thinks they’re important… It’s frustrating when you can’t control things like this so I’ve stopped using people in my event cover photos.

Now a box containing the month and date of the event, plus the title are overlaid on top of the event cover photo.

What will they think of next?

Feel free to leave a comment if you experience any difficulties or inconsistencies.

Download The Template – PNG

Simply enter your email address and the download link will be sent directly to your Inbox (we can only send you the download link if you enter a valid email address).

NOTE: We’re currently having issues sending emails to *.icloud.com and *.me.com addresses (or pretty much any MAC-related domain). Please use an alternate email address until we get this figured out.

I have read the Privacy Policy and agree to the Terms & Conditions. We will never share your email address, only send the download link to it.

[…] has rolled out a new layout for events with a totally different size and shape for the graphic. Get the template for the new banner image. UPDATE: December 26, 2012 – A new version of the template is now […]

Hi Michael. Great post! I actually did the same thing last week, and came to work today to realize they changed the dimensions yet again. I modified ours if you would be interested in seeing it. http://www.facebook.com/events/132891120215902/

Hello Ryan, the image size is a real issue! I have been thinking of creating yet another template for the new 714×264 dimension but I don’t know how long that size will be with us. ;)

I’m also seeing that the App preview image for the page I referenced hasn’t changed along with the Event banner so I’m not sure if the new size is a bug or not. If it’s not a bug I would think that the Even thumbnail and App preview image would shift but they remain the same.

I will keep checking and update this post when I know more. Thanks for reading my post!

As of now it looks like the small square calendar image is the default image in your events list. You see our event’s thumbnail preview when you hover over the actual event entry. Not sure if it”s a bug or a feature at this time ;)

i found the link tnx (it was in the spam section) now i don’t understand how to work with it what kind of program can open the template and let me work with it i am not sure i understand the meaning of each section in the template thanks for any help

Hello there. I have a question regarding the thumbnails, i just made a cover for some band, and as it looks to me, Facebook made a thumbnail from this cover not on the middle, as your template says, but where the most human faces were. Oddly enough, everytime before this, your center template worked perfect. I am totally baffled about this, do you have any ideas why is this so?

I know people are having trouble at times but I can’t explain it. If you visit my test event you’ll see that I’ve tried putting faces into banners with no problem. Facebook did say that they change the code for FB twice a day… Maybe they’re messing around and testing it out?

I’ve just posted two new events. Both events had a picture of a person on them. One on the left, one on the right. It DOES appear that FB is zeroing in on the face and using that as the thumbnail pic. uugh!

Have a slightly different query for you – I have a list of 100 sporting events on our Facebook page and want to add a cover image to each photo. However I don’t want each of these photos to be published in our newsfeeed. At the moment, when I create an event, it doesn’t post in our newsfeed as this is the setting that I’ve chosen on the Events app. However when I add a photo, it publishes in our newsfeed which I don’t want to happen as I have 100 photos to update and it’s going to look like spam to our followers! Any advice? Thanks

In the example above the event picture contains more than 20% text. If you were to promote the event on FB, the advertisement team would disapprove the advert for that reason. At least that’s what they are doing to me, how are you getting away with it? Or are you not promoting?

Hello. Thanks for the tips with the new event images sizes. I’m running into a bit of an odd situation with the auto-generated thumbnail pic for one of my events…

We are starting out with the full sized 714×264 template, planning for our thumbnail to come straight from the center guidelines, but when I upload the photo the thumbnail is getting generated from the left side of graphic, not the center content.

Hi, just checked out your event and it probably is because of the photo of the person… It seems to happen sometimes but not all the time. I just try not to use photos of people… it would be nice if we could choose where the thumbnail is taken from. Consistency is a good thing!

Thank you so much for this template! However, I’ve noticed recently that the thumbnails no longer line up. They seem to be taking from the right top side of the image instead of the center. Have you noticed that too?

Hi Michael … thanks for this. I was going to use it and then started discovered that for me it allows me to click on the cover and add a photo. Then add a second thumbnail photo by clicking on the sprocket (gear) button it allows me to add an event photo that works for posting on walls and in the event page.

I have no idea about that… I do know that Facebook recommended people use PNG files for Cover Photos. I always upload the highest quality photo possible and let Facebook do what it will, no use trying to stay below a minimum number.

[…] are an abundance of blog posts detailing the sizes of images for Facebook Cover Photos, App Icons, Event Covers, Ad images and more. Until recently, I had not thought much about what the best image size or ratio […]

The template you created works fine for images without faces. If I use your temple as is then Facebook will use the center 264×264 part of the template as the thumbnail. But, if I add a photo of a person’s face on the left side of the template then the left side of the event photo will be shown in the thumbnail. Strange, but true. Also, since the aspect ratio of a cover photo and an event photo is the same (2.7 x1) you can use a cover image for both cover and event. Facebook will shrink the cover down to 714 x 264, but will not crop it.

Yup, all true. The face issue has been a thorn in my side from the beginning so I just stay away from using faces in my event covers.

Now that Facebook has eased the rules on cover photos for pages there is maybe less reason to have a different graphics for pages and events except that page cover photos still get covered up by the profile image and event covers don’t.

3 Trackbacks

[…] has rolled out a new layout for events with a totally different size and shape for the graphic. Get the template for the new banner image. UPDATE: December 26, 2012 – A new version of the template is now […]

[…] are an abundance of blog posts detailing the sizes of images for Facebook Cover Photos, App Icons, Event Covers, Ad images and more. Until recently, I had not thought much about what the best image size or ratio […]