A hurdle that most designers, especially those that work heavily in social media face, is knowing the correct dimensions that are to be used in Facebook pages and ads.
Visual assets play a huge role in attracting attention and developing engagement on Facebook, and knowing the right dimensions for the various channels on Facebook is essential to avoid image pixelation and clumsy image text.
Here is the latest version of our famous Facebook Cheat Sheet.
Also on TechWyse:
Facebook Ad Specifications and Dimensions 2014 [Infographics]
Facebook Image Text Detection Tool
Facebook updates it’s image dimensions frequently, and you can use this cheat sheet for quick reference. Never guess those dimensions again!
Adithya is the link earner, around-the-clock experimenter and community outreach ninja at TechWyse. He loves to blog, reverse engineer websites, and to be proven wrong. The last one was a lie.
Connect
Click below to copy embed code to clipboard
on
This is created from illustrator? The maximum size for Facebook is the readable size or the size of visibility ?
on
We’ve listed the dimensions that you should use for the images you post on your timeline, page and for your ads.
on
Not finding the PDF after sharing on Twitter. Of course, I just set up my Pro31Marketing Twitter account today, so perhaps that doesn’t count? I’ll be glad to share it on my Facebook page.
Please advise,
Susan
on
Hi Susan,
Strange! I am able to see the PDF when I share. Could you try again?
on
God bless you!! Thanks for this helpful pdf
on
You’re very welcome 🙂
on
Thanks…This is very handy!
on
It helped me a lot, thanks for your effort.
on
Great article. Thank you for this one! It’s very helpful and nicely explained.
on
Thanks for the explanation..
on
That is a good example of link baiting, a useful cheatsheet btw. Thanks for investing the time and effort.
on
This is of great help for me and doing it myself but if I would hire a designer, I would expect him/her to know this
on
It is observed that more than 95% of Facebook Pages cover photos are made only for desktops. Very few Pages take into account how it will look in mobiles.
Click here to see size and dimensions for Facebook page cover photo for both desktop and mobile view
http://dmzilla.com/2014/06/06/facebook-page-cover-photo-size-and-dimensions-for-desktop-and-mobile-view/
on
Thank you very much!
on
Thanks a lot.
This is awesome! Time saving & very helpful for our guidance.
on
Awesome!!!!!!!!!!!!!! Thanks for a great reasource! any tips for iphones so the image isnt cropped?
on
@Alex Davies:
Yes I too agree this is very helpful.
FB cover photos are 851 pixels wide and 315 pixels height. If you upload an image that’s smaller than these dimensions, it will get pixelated. To get the fastest load times for your Page, upload an sRGB JPG file that’s less than 100 kilobytes and for images with your logo or text-based content, you may get a higher quality result by using a PNG file.
on
Thanks for this! Super helpful! I use photoshop and I use the correct size for my cover photos with a dpi of 72, but my pictures are a little pixelated sometimes. Do you know how to fix this?
on
Really helpful, bookmarked it. Make more! I love the little guy, whoever made this is very talented
on
This just goes to show that Facebook hates us! How many different versions of graphics do we now have to make.
on
Re mobile dimensions: one thing I noticed is that the iPhone Facebook app crops the cover photo, showing only the middle part. This is probably worth reflecting in the cheat sheet.
on
Do you have mobile dimensions?
on
@Matt A, Mobile dimensions will vary depending on the type of operating system you’re using. Nonetheless, image sizes scale from desktop to mobile and vice versa, so I don’t believe you need to worry about mobile Facebook dimensions just yet. As long as images are optimized for the page they should convert properly on mobile devices.
on
Fantastic! Thank you so much for sharing this!
on
Thanks for sharing the infographic Andre.
on
Thank you very much, awesome infographic! Embed it on our blog: http://fashionandre.pl/facebook-cheat-sheet/ 🙂
on
Thanks Christy for sharing and also thank you Rajesh. This is very useful for me because, like Diamond, I’m horrible at sizing my pictures and this cheatsheet will definitely help me and others like me.
on
Curious what the difference is between the two versions of “Facebook Shared Video”. Is that an “actual” facebook video for the first one, and a youtube link for the second one? Would love to know how to be sure to get the larger preview….
on
@DB
The first “Facebook Shared Video is the size when you upload an “actual” Facebook video. The second one is the size of the video when someone clicks the share button found directly under an “actual” Facebook video. None of the video sizes references any external sites such as YouTube. All the sizes reference strictly Facebook dimensions. I hope that answers your question DB!
on
This is helpful for me for the simple fact that I am terrible at doing this on my lonesome. I’m happy you used a list of steps, because no doubt I will be going back and forth from this page for reference.
on
Thanks for sharing. A very useful one for the ones who wanted the Facebook image to be pixel perfect.
on
We’re glad you’ve find it useful Beniston!
on
I am so happy that you have created this! I have such a hard time managing my pages because I can’t afford to pay a graphic designer and I am never able to correctly size my images. I am going to repost this on Facebook to my professional network.
on
Fantastic piece of information, thank you Rajesh 🙂
I will be sharing this with many people, thanks for the embed code 🙂
Jacs
on
Awesome, please do share Jacs!
on
34-24-36. Put those measurements on your page and all young guys will click on it! I know I would. All jokes aside this is certainly the most detailed image sizer for Facebook I’ve ever seen.
on
@Ramkrishnan @88redforest, I am very happy to know that this was very useful for you guys.
on
This is a very useful reference sheet and I’m sure many other people will enjoy this and use it to their fullest advantage. Thanks for sharing it!
on
This is super helpful for design team, planning with client and brain storming. Good work here techwyse. Why are you redirecting your link that is in your facebook post over to the Blog URL… tracking purposes etc ? Just curious. Thanks again.
on
@Jeff,
Facebook image sizes don’t accommodate our infographic’s dimensions; therefore, we link it to Facebook from the blog. We do the same with all of our blog content!
on
Wow! This is a very informative article. I was looking for something like this before, Haha, and finally I found it. It was quite hard to adjust your pictures in facebook without knowing the right dimensions. Thanks for this wonderful tip!
on
Great tool… defnitely helpful..Thanks christy