Dimensions Of A Facebook Cover Photo

Dimensions Of A Facebook Cover Photo: So, I understand a lot of you design your very own Facebook timeline cover photos for your group or for your company page and also I also understand a great deal of you get irritated because it gets pixelated or loses quality, right? Guess just what, even as a web designer, this was happening to me! [the scary!!!]


Dimensions Of A Facebook Cover Photo


When I was designing our graphics for the All Up in Your Girl Service podcast, I created a team cover photo for our Facebook team with all of the "typical" requirements I utilized-- the ideal dimension, the ideal style, etc as well as it was STILL appearing like a warm mess. There were pieces of the strong shade obstructs that were pixelating and "feathering" around contrasting letters as well as it was driving me BATTY. But, presume exactly what? I discovered how you can fix it and also I wanted to share it with you!

Alright, so, you NEED TO see to it the photo is the appropriate size; if it is even 1 pixel off Facebook will press it and your quality will certainly go down-the-tube. So, what size should it be?

For an organisation page (as well as your personal cover picture): 851 x 315 pixels [WxH] For a Facebook team page: 801 x 250 pixels

The "regular" way to save anything for internet usage is to "save for web usage" as a PNG documents type BUT, when it comes to our podcast FB team photo, it wasn't working, it was resembling this [look close, you'll see pixelation especially around the text on the left-hand side of the photo]

So, I did a little research study and also recognized that Facebook compress ANYTHING over 100KB's in size-- even if your picture is 101KB it will certainly be pressed and also look like poo.

How do you deal with that? Well, you save it as a JPG and regulate the file dimension [see listed below]

These are some screenshots from Photoshop of how I size as well as conserve my photos (this instance is a Facebook Service page Cover Image).


Beginning with the appropriate dimension.

Create the image.

Save as a JPG.


In the majority of editing programs, you'll see what dimension the JPG will be, in my case it was 202.6 kb, so I dragged the quality slider till I got it the closest to 100KB without looking at [ya know, kind of like the Rate is Right, ha!]


Alright, I decreased the data dimension to 99KB as well as below is the new screenshot of just what our team picture looked like ... MUCH BETTER!

In full disclosure, we actually altered our brand name around a bit after this all decreased, so this is the actual existing pictures on our group page-- however still, no pixelation.

There you have it! Just how you could avoid the ever-so-present pixelation in Facebook cover pictures.