Skip to main content

Top tips for Twitter posters


More academic societies are hosting events on social media. One established example is the Royal Society of Chemistry Twitter Poster Conference 2019 (#RSCPoster), which is heading into its fifth year!

If you want to participate, here are my top tips.

Design within size limits.

Twitter will only post images 5 megabytes (MB) or smaller. As a designer, I usually want to know the height and width of my image in pixels, not the size. There isn’t a simple relationship between image size in pixels and file size. Greyscale images can take up less space than colour. Different file formats use different numbers of bytes.

It’s worth briefly comparing the three image formats Twitter accepts.
  • GIF: Small file size because of its low colour resolution (8 bit colour). The only one of the three that supports animation. If you use a limited colour palette, GIF is a good option for making a large image with a small file size.
  • JPG: Small file size because of image compression. The amount of compression varies, and it is often unnoticeable if compression levels are low. But the nature of the format is that it always causes slightly lower image resolution. The advantage is the format (why it was created in the first place) is its high colour resolution (24 bit colour).
  • PNG: High colour resolution (24 bit colour) and uncompressed.

Update, 4 March 2019: I found a web page to estimate file size from number of pixels. Using it, an GIF image (8 bit colour) could be about 3,000 × 1,500 pixels in size and come in under Twitter’s 5 MB limit. But a PNG image (24 bit colour) is more likely to be in the 1,800 × 900 pixels big.

(Yes, I know this is a bit of an eleventh hour update. Sorry.)

Keep crops in mind.


If something important or attractive is sitting outside the preview window, people are less likely to click the whole thing.

According to sites like this and this, Twitter shows sizes anywhere from 440 × 220 pixels to 1,024 × 512 pixels, and these sites recommend using images with a 2:1 ratio in landscape. Looking at Twitter on my desktop now, I see lots of preview images that are not in that ratio.

But there are many other apps that people may use to view tweets, and their preview images are different sizes. Tweetdeck seems to use a preview image that is close to a 16:9 ratio. The Android app Talon seems to use a 3:2 preview image. Because different apps will crop your image to fit their own preview window, there is no optimal image shape.

But there is something consistent: all these apps crop the edges of images. Make sure your most recognizable image, the one that tells a viewer what your poster is about, is in the middle of your poster. You might consider even working your title into the middle so that it is always visible.

Use animation if appropriate.

Animation is hard on paper, but easy on Twitter. And animation is more engaging that still images. Twitter supports GIF uploads, although again, there are file size limits (5 megabytes on mobile, 15 megabytes on web).

There are lots of ways to make GIFs. I recently found the gifmaker.org website to be quicker and more efficient than my graphics program.

Edit yourself ruthlessly.

This is Twitter. A forum that built itself on being short, sharp, and to the point. Some of use remember those hard honed skills when there were only 140 characters, including retweets and pictures. It took real skill to craft good tweets, especially retweets.

Be like old school Twitter.

Make a single point.

2016 RSCPoster presenter Helen Casey puts it this way:

My advice to participants is to make your poster as simple and effective as possible. Really get the take-home message across.

Editing yourself is hard, as I’ve talked about before. This is why it’s good to show your work to other people.

Related posts

#RSCposter 2018
Four simple tips for shortening your poster

External links

How to post photos or GIFs on Twitter (Twitter document)
Always Up-to-Date Guide to Social Media Image Sizes

Twitter image from here.

Comments

Popular posts from this blog

You have options for numbers (PowerPoint users need not apply)

If you must  have a table on your poster, look into what options you have for your numbers. Many fonts have number variants. Proportional numbers have skinny numbers (e.g., 1) and wide numbers (e.g., 0). Two numbers differ in width depending on what numbers they have. But tabular numbers are all the same width. So decimal places and dividers will line up if the numbers are lined up, as they are in a table. If you have a table, it only makes sense to use tabular numbers if you can. They are explicitly designed to make your tables more readable! But tabular numbers will only do so if you follow a couple of other good practices: Make your numbers right aligned. Use the same number of decimal places in each column. You may also find a couple of other options. numbers can be either lining numbers (all the same height) or oldstyle (with ascenders and descenders, like upper and lower-case letters). That means you have four options for many fonts. In Microsoft Office, these options are...

Scott McCloud’s “Big triangle” and poster design

Posters are a visual medium. But not everything is equally visual. A picture of a real object is very visual, and the best thing to have on a poster. A scatter plot is less visual. And text is the least of all. I was thinking about how I might make that point, um, visually, and I suddenly realized that I was just recreating one side of Scott McCloud ’s triangle from Understanding Comics . If you have not read Understanding Comics ... oh, how I envy you. You have that to look forward to. It is a wonderful book. Even if you are the sort who thinks, “Ugh, superheroes,” get over it, read this damn book, and have your consciousness expanded. It is an undisputed classic book. Here’s a except relevant to the matter at hand: And that’s the point I was trying to make, except McCloud did it better over twenty years ago. Received information is immediate; perceived information takes effort. This is why nobody likes posters with too much writing. It takes effort that, in a busy conference settin...

Critique: Lending low tech tools

Today’s poster contributor is Scott Johnson. Click to enlarge! This is a great marriage of content and form. The content is about something that is unabashedly “low tech,” so the hand-written, slightly lo-fi (okay, low tech) look is completely right here. It adds character and interest. Regular readers know that I personally am anti-underlining, and try to remove it in almost every instance I see it. But here, because it’s hand written, I can see the case for it. When people write by hand, they do underline for emphasis. I would experiment a bit with removing the underline, but I don’t know if removing the the underlines for headings and making the headinga a bit bolder would lose the look. I appreciate the purity of the monochrome greyscale, but it does wash out from a distance. I would like to see a little colour – even if subdued, and not everywhere. To keep the “low tech” look, I would suggest referencing some old photos, like daguerreotypes. They often weren’t pure shades of gr...