I’ve just finished setting up the Facebook page for Hayden Digital and noticed that Facebook convert transparent PNG files to JPEGs, with a white background. This is understandable, and wouldn’t be a problem if they didn’t place them on a background with coloured background behind part of it.
To get around this, I edited the logo so that it includes the same background colours as part of the original image. So while it’s not actually transparent, it appears that way to visitors of your Facebook page.
(I’ve also moved the logo a few pixels to the right, so it lines up nicely with the box content below it.)
This then cause another problem – the ‘thumbnail’ image displayed next to posts on my Facebook page had the coloured background visible. I knew that you can adjust the area of the original image Facebook use to create the thumbnail, so I simply made the logo a lot taller and duplicated the logo. Once this was uploaded I could then adjust the thumbnail to be of a lower part of the original – resulting in a ‘transparent’ looking logo on the main page, and a clean thumbnail image.
The only drawback is that it looks a litttle odd having the logo duplicated on the main page – however I’m sure you could come up with something a little more creative.
I’ve set up a PhotoShop PSD which contains the background and guides to show you where to position the images, which should save you a bit of time. You can download it along with a blank JPEG template here.
