Dos and Don’ts for Posting an Infographic on Your Website

As a Lemonly client, you’ll hear about our tried and true data-to-delivery process (if you haven’t already), meaning you’ll be at least a little familiar with how committed we are to creating and polishing your infographic before it arrives in your inbox fully realized.

But there is one GIANT piece of the puzzle that’s up to you to put in place after we deliver that final JPEG: the launch!

It’s understandable that our clients put the bulk of their focus into the content of the deliverable (their infographic), but it’s vital to think about where and how it will be posted on your website.

It’s vital to think about where and how [your infographic] will be posted on your website.

When we ask our client contacts if there are specific dimensions we should be aware of on the backend of their website, where their infographic gets posted, they all too often shrug the detail off and say to do what we typically do.

Let’s pause to define typical specs for our static infographics when we send final files, ready for you to post:

  • JPEG or PNG file
  • 1,000 pixels wide by 6,000+ pixels tall

*Note that we’re able to create infographics at any shape and size to fit your needs. This is just our standard if you don’t have any special requests. Back to your regularly scheduled blog post.

Why do we ask our clients to get us their website info off the bat? Can’t we just figure it out when we’re handing over the final files or something? Not exactly.

Unfortunately, some website backends don’t want to cooperate with an image over a certain number of pixels wide or long. Some backends were designed to think of infographics like a normal-sized image you’d post in a normal blog post, but not ALL of them do.

TL;DR: Infographics don’t always work to upload like a normal picture. You need to confirm your website can handle them.

The First Step

If you’re not responsible for actually posting content on your website, you should talk to your web team when planning to create an infographic. A simple email like this should do the trick. (You can even feel free to copy and paste—just remember to add the right names.)

Hey [website colleague]!

Our team was considering creating an infographic to place within an upcoming blog post. I realize we’ve never done one before, so I wanted to make sure that would be feasible with the backend of our site.

Would it be possible to upload this attached example infographic to see if that would look okay? We’re planning on the final deliverable being a JPEG that is 1,000 pixels wide and between 6,000 and 15,000 pixels long. Please let me know if our website has any limitations in terms of both file size and pixel dimensions.

We want to make sure we’re designing the infographic to be as easily read as possible so this will help us tremendously.

Cheers,

[Your Name]

Boom! Just like that, you can avoid a good chunk of hassles we deal with when an infographic is delivered for the first time. If you’re a Lemonly client, we can send you a test infographic to use with your team as an attachment.

After the test, if your website team mentions any limitations, particularly when it comes to dimensions, these should be noted right away and passed along to the creative team. Note that a “standard” infographic may not be the appropriate vehicle for your story if your website isn’t equipped to house them. That doesn’t mean you CAN’T do an infographic, it just means yours will have to be designed at a custom size to best fit your website.

Just because it may not be the standard size you commonly see when browsing Pinterest or other blogs doesn’t mean the goal of creating understanding through visuals can’t be accomplished.

Infographics Come in All Shapes and Sizes!

Saddened by restrictions handed to you from your web team? Fear not! Infographics are like people: They all look a little different. Just take a look at these sweet variations:

Traditional

Horizontal

Small sections in a slider

Square

 

The Ideal Infographic Scenario

So you find a size and shape of infographic that will get along nicely with your website. Your work is not yet over, but we promise it’s worth it.

Let’s talk about the ideal way to post an infographic first.

In Lemonly heaven (also known as Infographic Elysium), every website treats infographics nicely, giving them at least 600 pixels of horizontal real estate on a page without requiring a user to do anything too complicated to get there—click a bunch of extra links, download anything, give up their email address, provide a detailed medical history, etc.

Each infographic also has a line or two of text explaining the visual, as well as some social buttons that help viewers easily share it if they feel so inclined. In Infographic Elysium there are also links below the piece directing viewers to more information or a call-to-action, if applicable.

The best way to test if your infographic is working? Put yourself in your viewer’s shoes. What’s the plan after they’re done reading your piece? Be sure to clearly suggest a next step for them, ideally one that furthers the goal of your infographic.

Tips to Avoid Wasting a Perfectly Beautiful Infographic

1. Don’t set up your infographic to only open as a PDF in a new tab.

Why: When you make your viewers open the infographic up as a PDF in a new tab, several things happen and none are to your advantage.

  • Your website navigation isn’t present on the page, so viewers have nothing else to explore after they read the infographic.
  • The infographic typically opens up full-width on their screen, which can be a cumbersome experience, depending on the design.

2. Don’t post your infographic without context.

Why: If you throw your infographic up on a page without any background info to accompany it, website visitors who happen upon it will be confused. And you know what they say about confused viewers—they aren’t viewers for long. A sentence or two explaining why you made the infographic and perhaps some additional links to help give more information can be very helpful, especially if that’s the first page your audience sees on your site.

PLUS giving your image some context can also be helpful with SEO!

3. Don’t break your infographic up into sections without telling us it needed to be designed for that.

Why: Unless you tell us otherwise from the get-go, we’re assuming you’ll be posting your infographic as one full piece on your site, so it will be almost impossible to break up into equal-sized pieces that flow properly. If your website has constraints on image sizes, we can design your project with that in mind!

4. Don’t make your infographic so small within a post/page that it’s impossible to read.

Why: Infographics can be viewed at 600 pixels on a desktop with ease. But if images on your website are constrained to be narrower than that, it really affects infographics’ readability. It’s a little soul-crushing to see a project in the wild that’s impossible to read. We frown at those. Again, communication is key to know what your backend can and cannot handle.

5. Don’t hide your infographic; make sure it’s easily reached through your website navigation.

Why: Chances are, you’re creating your infographic because you want people to read it, share it, and probably take some kind of action as a result. Those things are nigh impossible if no one can find the infographic. Sure, you could try to distribute the direct link to its secret page, but isn’t it more effective to give your whole website audience a clear path to it?

6. Don’t gate your infographic!

Why: An infographic is for previewing or condensing a large concept, not for giving a full explanation of the meaty concept itself. Infographics educate an audience and intrigue them into learning more, but users aren’t used to having to give their precious email for them. When you ask your audience for their email address, they expect large pieces of content like a multi-page ebook or webinar. (Or they expect a really sweet monthly email blast. Scroll to the big yellow box at the bottom of the page if you’re into that.)

Phew! It may seem daunting to think so deeply about how your next infographic project will be launched, but it definitely pays off. Instead of spending precious time and resources on an infographic that ultimately doesn’t work for your site or your users, take the extra step to work with your web team and consider your user’s viewing experience.

You’ll end up with the deliverable that suits you, an all-around successful piece of content, a star in the Infographic Elysium. What’s not to love?

P.S. Interested in a handy checklist with our three easy steps to proper infographic posting and promotion? Look at it here. (You can even print it off!)