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

Better Posters Twitter account temporarily down

The automated Twitter feed for this blog (@Better_Posters) is currently down. I had logged in to make a few cosmetic changes to the feed. When I did, I was prompted to add a birthday, so I picked the day the blog went live. Little did I know that since this was ten years ago, it didn’t meet Twitter’s minimum age requirement of 13. This instantly got the account locked. I have put in a service ticket, and will post here when the feed is back.
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

Link roundup for October 2016

Contrast matters, and web page designers are starting to forget that . Kevin Marks delves into how grey text is becoming so prominent on the web. Marks notes something I’ve talked about before: the difference between the screen and a poster handing on a wall. (W)hen you design in perfect settings, with big, contrast-rich monitors, you blind yourself to users. To arbitrarily throw away contrast based on a fashion that “looks good on my perfect screen in my perfectly lit office” is abdicating designers’ responsibilities to the very people for whom they are designing. Hat tip to Robert J. Sawyer. It’s great when you have a lab to go to a conference with. But not everyone has a lab. Here are tips for how to rock a conference solo . An occasional reminder that if your poster hangs for several days, create opportunities for people to give feedback when you are not there: Hat tip to Ciera Martinez . Stephen Heard is unimpressed with most conference badges . This led me to another discussion o...
Post a Comment
Read more