How to size your Twitter account images to get the best results
We’ve all been there, you’ve found your perfect profile or header image for your Twitter account (or other social media platform) but you upload it only to discover it’s stretched in some very strange way. Arghhhh!
Fear not though, hopefully the following tips might just help you get professional looking results. This is my preferred way of creating images – there are lots of other ways out there that would still get you the same results.
It’s best not to just upload a photo and keep your fingers crossed you get it right. To get the best result you need to resize your images in a image editing application. There’s lots of applications available for both Macs & PCs – like Photoshop CC, Photoshop Elements, Gimp (free) https://www.gimp.org/ and Pixelmator http://www.pixelmator.com/mac/. For the purposes of this article I’m going to use Photoshop – the terminology and steps are fairly similar across most good image editing applications.
Here’s the current dimensions for Twitter images:
Twitter Header Photo – 1500 x 500 pixels, 72dpi, max file size 10mb, JPG, GIF or PNG
Twitter Profile Photo – 400 x 400 pixels, 72dpi, max file size 10mb, JPG, GIF or PNG
It doesn’t matter whether you’re creating your profile or header image the procedure is essentially the same.
Open up a new file to your desired final pixel dimensions and most critically at the correct 72dpi resolution. If your files resolution is higher, for example 300dpi, your final image may not fit correctly or be bigger than Twitter allows as an upload.
Open you chosen image as another separate file, then copy/paste it into your new correctly sized file. When you paste your image in it’ll probably come in larger than the actual dimensions of the new file (and may be a separate layer). Be aware that if the image pastes in smaller it may not be suitable as it’ll appear pixelated/blurred.
With this layer active select ‘Transform > Scale’ (Cmd+T on a Mac and Ctrl+T on a PC) to display the corner resizing points.
Select a corner point, hold down ’Shift’ (Mac) or ‘Ctrl’ (PC) ensuring you resize proportionally, and drag the corner point diagonally down to scale the image until you get it to fit as you want.
Once you’re happy with the image layer, save the file as a .jpg, gif or .png depending on your final requirements. You should be able to adjust the quality of the .jpg when saving it to reduce the file size. I find this way gives me more control than resizing the image directly via ‘Image Size’ method.
You should now have a correctly sized image to use on your Twitter account.
Don’t forget that your Twitter cover image is partially hidden by your profile icon, so it might help to add guides/rulers to your cover image to determine what’ll be covered so you don’t place any critical imagery or text over that area. Remember that the placement of the profile photo over the header photo varies slightly depending on the device you’re viewing it on.
If you need any help with Twitter or want to know more about how social media can help your business get in touch with me at http://paulkirkdesign.co.uk or at @PKirk_designer