Twitter Animation Specifications & Dimensions:
[text_block style=”style_1.png” align=”left”]Twitter says: “When using the same image across desktop and mobile, we recommend sticking to the mobile specs – which will work across both. Selecting desktop specifications may result in cropping on mobile.” For this section we will be sticking with the mobile specifications as this is where the majority of users access the application. [/text_block]
[text_block style=”style_1.png” align=”left”]Tweet Length: 280 characters are available when composing Tweets using www.twitter.com and our native applications. In ads.twitter.com (for business and paid ads) 280 characters are available.
Image width/height: Minimum 600 X 335 pixels, although larger images (for example 1200 X 675) will be better optimized for when users click to expand images.
Aspect ratio: 16:9.
Image file size: Max 15mb on twitter.com and 3mb on ads.twitter.com. This is very important to know when creating looping GIFs. If your twitter GIF or looping animation is too long, the GIF will be cut short and seemingly “jump.” This also may cause the GIF to render as a static image in the Twitter feed, overall less engaging than its moving counterpart.
File types: PNG, JPEG, or GIF are recommended. Twitter does not accept BMP or TIFF files. For our purposes here, GIFs have been the creative of focus.
Colors: As for the color of your animations this is almost completely up to you. While Twitter does allow animations with your corporate colors and branding, animated GIF have their limitations. Where you can run into limitations, besides the file size, animated GIFs do a relatively poor job in supporting shading and color gradients. While there are some workarounds, the major consideration is the quality of the final GIF animation. More on this to come in a future post.
How to Add Animations to a Picture For Twitter:
[text_block style=”style_1.png” align=”left”]What happens if you already have an image or static (stationary) picture and you simply want to add animations to create and entirely new asset? Easy! Welcome to the world of motion graphics and animation overlays. These include headlines, descriptive text and other animations arrows/elements.
You’re in the Wild West now with zero rules. The easiest way, we would recommend, is to export the final image and associated animations as a movie. This could be in a .mp4 or .mov file format. Now, to import the animations, moving headlines and motion graphics on to the static image, you might be best off using some fashion of animation software. Our preference of software is always Adobe After Effects for this type of work.
Questions or need a custom animation for your twitter page? The Robots of Robots Inc. are here to assist. Click on that button thing below and get in touch. [/text_block]