With the release of Facebook’s timeline profile layout, they’ve have inserted an area known as the Facebook Cover Photo at the top. The profile picture is now a smaller thumbnail version that rests in the lower left of the cover picture. Facebook’s cover picture allows individuals to express themselves with a much larger space.
Most people will just add another picture as the cover photo. However, us creative’s are always looking for a unique way to express ourselves. Customizing Facebook’s cover picture is another way to do that. Below are the dimensions of the cover picture layout.
Dimensions for Facebook’s Cover Picture
Cover Picture area
(*note: There is a 1px border around the outside but that will not affect the size of the final image)
Profile Picture Thumbnail
For those of you that are designers and know CSS, the profile picture is positioned absolute. Not that it’s uber important, but just saying. It sits 23px from the left and 127px up in the cover picture. (or 193px down)
Width: 125px Now is 160px
Height: 125px Now is 160px
Border: 4px white (#ffffff)
Padding: 1px all around
There is a div that sits behind the picture and it’s border that has a background that is black with an alpha channel of 0.3. Essentially, it’s opacity is set at 30%. Although the whole background is filled behind the image, it only appears to the user as a gray 1px border. The complete size of the profile picture thumbnail, with the borders and ‘background’ is 170 x 170.
Facebook Cover Picture Template
To customize the Facebook cover picture, I have a Photoshop template that includes the profile picture thumbnail with it’s borders and also guides to help with the layout. It’s pretty easy to set up a template but to save you time, I’ve created one for you!
To accommodate the change with the profile picture dimensions, I have updated the template.
It’s free but you can pay me in love by adding me on G+ or Facebook.
To see what a few others have done already, check out this list of custom Facebook cover pictures.
I’d like to see what you’ve done already. Post a link below!