Infographic sizes for social media: shapes that fit

An infographic that looks perfect on a large monitor can turn into a blur in a social feed. The feed crops it, shrinks it to the width of a thumb and puts it between a cat video and a cricket score. To be read there, it has to be designed for the shape and the size of the screen it lands on.

This article is about shapes, not pixel specs. Platforms change their exact recommended dimensions from time to time, so it’s safer to plan around aspect ratios and check the current numbers when you export.

Think in aspect ratios

An aspect ratio is the relationship between width and height. A few cover nearly every social use:

Shape	Ratio	Where it tends to work
Square	1:1	Feed posts on most platforms; a safe default
Portrait	4:5	Feed posts where taller images are allowed; takes up more of the screen
Vertical	9:16	Full-screen stories and short-video covers
Landscape	16:9	Link previews, video thumbnails, slides
Tall	1:2 or taller	Pinned images and blog posts where readers scroll

The taller the frame, the more of a phone screen your infographic fills as people scroll. But tall frames may be cropped in previews, so the top section has to work on its own.

Design for the smallest view first

Most people will see your infographic on a phone, often as a preview before they tap. Start there.

• Fewer, bigger elements. A feed-sized infographic has room for a title, one lead figure or chart, and perhaps two supporting points. That’s usually it.
• Large text. If a label is hard to read when the image is shown at thumb width, it’s too small. Test by viewing your draft on a phone, not by zooming on a laptop.
• High contrast. Feeds are viewed outdoors, in dim rooms and at low brightness. Dark text on a light background, or the reverse, holds up best.
• Short title. Aim for a title that fits on two lines at a large size.

Keep the important part in the safe zone

Platforms lay buttons, captions, profile names and progress bars over images, especially in vertical story formats. Keep titles, key numbers and the source line away from the very top and bottom edges, and away from the right-hand side where action buttons often sit.

A simple habit: leave a generous margin all round and place the core message in the central area. Background colour and decoration can run to the edges; information shouldn’t.

Adapt, don’t shrink

The biggest mistake is taking one tall infographic and squeezing it into a square. Everything gets smaller, nothing gets clearer. Instead, rearrange.

For example, imagine a tall infographic about a city’s cycling survey, with a title, a headline figure, three supporting charts and a source line.

• Square version: the title, the headline figure and one chart. The other two charts are dropped.
• Portrait version: the title, the headline figure and two charts stacked.
• Vertical story: split into three frames, one idea per frame, with the headline figure on the first.
• Carousel: the first slide is the title and headline figure; each following slide carries one chart; the last carries the source and a pointer to the full piece.

Each version tells the same story at a different length. That’s much easier to read than one design shrunk to fit every frame.

Make carousels work as a sequence

Carousels, where readers swipe through several images, suit infographics well because they let you keep each frame simple. A few rules help:

1. Hook on the first frame. The title and the most striking figure. This is the frame people see before deciding to swipe.
2. One idea per frame. A single chart or figure with a short heading.
3. Consistent layout. Same margins, same title position, same colours on every frame, so swiping feels continuous.
4. A visible thread. Small frame numbers (“2/5”) or a progress mark help readers know how much is left.
5. Close with the source. The last frame carries the data source and date.

If a carousel tells a process or a sequence of events, the layout ideas in process and timeline infographics translate well, one step per frame.

Exporting without surprises

At export time:

• Check the current recommended size for your target platform and match the ratio exactly, so it isn’t cropped.
• Export at a generous resolution. Platforms compress images; starting sharper leaves more detail after compression.
• Prefer formats that keep text crisp. PNG is usually better than JPEG for flat colours and lettering.
• Name files by ratio and version, such as “cycling-survey-4x5-v2”, so the right file goes to the right place.

Write the post as well as the picture

The infographic carries the visual story, but the caption still matters. Repeat the main finding in the first line of the caption, in words, so it’s readable for people using screen readers and for anyone skimming text. Add alt text where the platform allows, describing the key figures, not just “infographic about cycling”.

A phone-in-hand check

Before posting, send each version to your own phone and look at it in the feed and in full view.

• Is the title readable in the preview, before tapping?
• Does nothing important sit under where the buttons appear?
• Are all the numbers legible without zooming?
• Does each version still say the main point on its own?

For more on colour that survives small screens and dim brightness, see accessible colour and contrast in infographics.