how come facebook/blogspot cover photos/banners stretch after posting?

[Deana]

I have made several banners for blogspot and a few cover photos for facebook and they always look so nice and crisp when i make them in photoshop but as soon as i upload them they always strech a little, vertically it looks like, making it a little blurrier and not as sharp. the dimensions are fine, it is wide enough and big enough so it is within guidelines but it always does this.

take this link for example, if you look at the cover photo and click it to see the full image, you will see how crisp and sharp it looks, but by itself just visiting the page first..its blurrier and stretched. when you first visit and see it its stretched and blurrier, but when you click the cover photo and blow it up to see the whole thing, its so sharp, blogspot does that to. here the link:

http://www.facebook.com/pages/Mlb-is-lif...9672812963

WHAT CAN I DO TO FIX THIS? i spend so much effort making these and im upset they dont show off well......

Thanks!!!

[loudjail255]

You made the banner too wide. When you upload it to facebook, their max width is 720. But their cover photo width is 851, so your photo will get stretched.

When making your banner, set the size to 851 pixels wide by 315 high. This is the full cover window. When your photo is uploaded, it will get shrunk down proportionately to 720 wide, when you turn it into a cover, it will stretch proportionately back up.

Currently, your banner is not tall enough, so facebook stretches it more vertical to fill up the space.