Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

Background

At time of writing, Facebook's Timeline dimensions are as follows:

However, Facebook prevents uploading images that are 160x160; the pictures must be uploaded at 180x180. Facebook then scales the picture down to 160x160 automatically.

Problem

I would like to achieve a pixel-perfect alignment between the Facebook timeline cover image and the Facebook avatar, but Facebook scales the 180x180 picture to 160x160, which causes alignment issues. I cannot find exact steps that:

  1. Are updated for the recent dimension changes.
  2. Provide a template suitable for The GIMP.
  3. Walk through the Facebook picture upload process.
  4. Describe how to crop the avatar to align with the cover.

When uploading the avatar to Facebook, there is a crop tool, but it doesn't show how many pixels are being cropped. It also doesn't say the size of the cropped image. This makes it difficult to determine whether Facebook will still scale the image down, or exactly what transformation will be made upon the image.

Question

What are the exact steps (explained with screenshots would be great) to upload (1) a cover (at 851x315); and (2) an avatar (at requisite dimensions) such that the images are perfectly blended?

Related Links

Thank you!

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

A Great post is here.

tl;dr Make the cover image 850px315px, cut your profile at 125px125 upload at 200x200px

Read the link above, also here, for the full text on what he did.

enter image description here

enter image description here

Disclosure: The link these are taken from is not on a page or site owned/operated by myself but rather found through Google. The images are owned by that page and are posted here in case that site goes away. However, the whole text isn't listed here to give that blog the love for detailing this out.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.