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.
Labels:

Comments

Post a Comment

Popular posts from this blog

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...
Post a Comment
Read more

Reading gravity

Great minds think alike; fools seldom differ. I recently learned that something I’ve called “ the Cosmo principle ” on this blog is an actual thing that proper designers talk about, except they have a different name for it. They call it “reading gravity.” The picture above is sometimes called a “Gutenberg diagram.” Apparently it was given that name by newspaper designer Edmond Arnold (interviewed here , where he refers to the “Gutenberg principle”). I’m not completely sure about this; need to do some more reading. What this image calls the “primary optical area,” I’ve usually called the “sex story,” because that’s invariably what occupies that position on every cover of Cosmopolitan magazine. The “terminal area” is usually what I’ve called the “take home message.” What I find usually ends up in the lower left corner, or “weak fallow area” as its called here, are my methods section. And that’s fine, because those are usually only of interest to the afficiandos. This diagram is wort...
Post a Comment
Read more

Critique and makeover: Landfill bacteria

Today’s contribution comes from Patric Chua, who gave me permission to post this. Click to enlarge! Patric had this to say: Better Posters has been my guide for poster designs ( Aw, thanks! - ZF ), and I've followed the many ideas for this poster. I understand that PowerPoint is not the best tool, but I hope it will suffice. The design of the poster is inspired by infographics - I did not want it to conform to the IMRAD template. Each section can be read independently and has its own method and results. However, I’m afraid that I’ve falling into the trap where I’ve placed too many information in. I also think that the poster lacks a strong entry point. The piece de resistance is probably the bottom right corner where I followed the advice on Inviting interactions post. I plan to attach cardboard boxes and place comment cards in the first box to make it easier for the audience. The amount of work that went into this is impressive. I’ve opened the file and seen just how many indiv...
Post a Comment
Read more