If you’re a proficient Twitter user you’ll already know about the new profiles, and you may have also noticed a few problems with them.

Many users have loved the changes and the new banner image, which is huge, is great for users wanting to express themselves more and show their creativity. It’s great for businesses, too, because it’s more static space that you can use to advertise your services and show some personality. However, there’s a few issues with the way Twitter resizes this header image.

Twitter recommends a banner image size of 1500×500, but the way the picture gets distorted in the uploading process can be quite confusing – and rightly so, because it’s a bit strange.

When you upload your new 1500×500 Twitter header, you’ll see that it loses its quality.  We’re not entirely sure why this happens, but the image is automatically cropped and then enlarged, even if you uploaded an image at the specified size. This means that you’ll also lose a lot of the image itself, with anything around the borders being cut entirely.

TwelveSkip has come up with this great template that shows you where you’re losing image space to this auto-crop. As you can see, you lose even more space to the iPhone app and this is also problematic, because what is seen on the iPhone app is also not seen on the Twitter website itself. Confused? Us too.

The iPhone app would be easier to work around if Twitter.com wasn’t cutting space as well, but unfortunately that’s just the way things are at the moment. Don’t be surprised if there’s a Twitter iPhone app redesign rolled out after this though, as it’s currently cohesive with the old profiles and we’re pretty sure they’ll be looking to integrate some more consistency between the web and mobile services in the future.

For now, all we can recommend doing is make sure you don’t place anything important around the edges of your Twitter header and try to keep the small centre section of the image clear as well, to allow for the iPhone application. That, and do everything you can to maintain the clarity of the image since you’re going to lose a lot of quality.

It’s a shame we can’t suggest more to help, but unfortunately this is just the way the Twitter header is for the time being. With a little creativity and some Photoshop know-how, however, you can find ways to make your banner quirky, fun and great for your business. Hopefully this will go some way to explaining the issues and help you figure out how you can best circumvent this with your own image.

For more blogs and tips from us, feel free to follow us on Twitter or Facebook or take a browse around the website for more of what we do!

Comments are closed.