Design

How to Transform an Infographic Template Into Social Media Images

Posted by on .

Imagine having a quick and simple way to instantly increase the engagement on your social media posts.

The answer is simple: images!

Images

They act as hooks, generating more views, clicks, share and comments to our social posts. In average, images generate 53% more likes than a normal post, and using an image on Twitter increases retweets by 28% and favorites by 36%.

At Piktochart, we are well aware of the importance of microcontent in social media. We apply it everyday…

Micro content at Piktochart

…and we’ve covered how to use it to optimize social media marketing here, and a few hacks on how to use Piktochart to create it here.

Today, we are going to cover how to pick a Pikto Template, break it down and transform it into 3 different images you could use in Facebook, Twitter and Instagram to engage your audience.

The Anatomy of A Good Social Media Image

In this visual-centric world, it’s more important than ever to create high-quality shearable images as they enhance social media posts by increasing engagement. However, not any image works.

First, make sure you follow each social network’s guidelines, and utilize the right image size. There’s nothing worst than an image that looks like this.

disproportionate-image

Second, pick original content that resonates with your audience. If your content is valuable, interesting and aimed specifically to your audience,  

If you want a more in-depth post on image sizes for social media, I strongly recommend this post by the peeps at Buffer.

Repurposing Infographics Into Engaging Images

Now, it’s time to get your hands dirty and actually start repurposing a Pikto template. If you’re worried you need a graphic designer or superman special skills, don’t be!

Facebook & Photos

Facebook users are ridiculously attracted to stunning photography with quotes on it. Pages like Quotes, Sayings, Photos & Quotes, and Life Quotes and Wall Pics have thousands of fans. After all, your news feed seems to be covered with pictures baby pictures, so who wouldn’t?

For that reason, let’s see how to transform the Pikto template Infographics That Absolutely Rock into this shareable image with a quote Steve Jobs’ quote.

Untitled Presentation

Let’s start by selecting the right template. This time, we won’t pick the Infographic Format. We need to select the Presentation format.

Once we do it, we need to get rid of all blocks, except the one we will use.

Now that we have the right block, let’s start by replacing the text with Steve Jobs’ quote.

After that, we should replace the image. We could use Piktochart’s built in photo library with over 3000 images, but we could also upload a photo of our own. In this case, we’ll use one of Steve Jobs I previously found in Google.

Once we add the photo, let’s make sure that it’s behind all the other elements, in the background.

Instagram & Illustrations

Grab your phone, and open Instagram. What do you see?

x-x-meme

Instagram, by definition, is covered with beautiful pictures. That’s why an illustration is ideal: it stands out among the filter-heavy photos your friends upload. Let’s leverage that!

Piktochart has dozens of templates with beautiful illustrations, and a gigantic library with thousands of amazing icons. For this post, I picked the Let’s Go Organic template. It’s simple, clean and full of illustrations. Let’s transform it into an Instagram post to promote an imaginary piece called ‘5 Reasons I Became A Vegetarian’!

Untitled Infographic (13)

As we’ve commented above, we’ll select the Let’s Go Organic template. Again, we’ll need to get ride of all the other blocks we don’t need.

Although Instagram now allows photos of all heights, we’ll adjust our block to 800px tall. To do that, we’ll select the template and click on the Settings icon in the pop out sidebar. Then, adjust the height by entering a value in pixels.

The next step is to duplicate and rotate the header, so we could use it as a footer. For that, I used the shortcut CTRL + C to copy, and CTRL + V to paste it.

Once that’s done, let’s create the title by using the text tool! After we adjust the title, the last step is to change the background color. Simply click on the Graphics icon in the left sidebar, then on Backgrounds, and select the color you want.

Voilá!

Twitter & Data

People have been using Twitter to engage in personal, professional and news-related topics for years. Users are there there to have great conversations, network with people or get real time news of what’s going on around them and in the world. Although the social network founded by Jack Dorsey has less overall users, it’s usership has increased tremendously since 2013.

This makes Twitter a great place to reach out and connect with your target audience. A great way of resonating with them is to share some interesting data that would appeal to them.

Let’s imagine we want to promote a 2011 article from The Guardian, Education in Africa: Where Does The Money Go?. For that, we’ll pick some data and turn it into a beautiful, bite-sized Twitter image. More specifically, this:

Between 2000 and 2008, the number of children in primary schooling increased by 48% – from 87 million to 129 million.”

For that, we’ll use the template Education Around The World.

Untitled Infographic (14)

This third image is a bit more complex, as it involes formatting graphs, so I suggest you follow closely the video below!

After we select the Education Around The World Template and load it, we delete all the unnecessary blocks. As you can see, this is a necessary step when creating social media images.

Now, let’s edit the title and remove all the elements we won’t need. We are aiming for a super clean image, so we will only keep the graph and a description.

Let’s start by modifying the graph. First, we need to select the right graph type. In this case, we’ll use the Line Graph. Then, we input the correct values in the spreadsheet on the right.

Once that’s covered and we update the setting, it’s time to correct the formatting, add an introduction, and finish up the process with some descriptive labels for the graph!

Want to create social media images just like these? Here are the templates we used: Infographics That Absolutely Rock, Let’s Go Organic, and Education Around The World.

6 Shares
Tweet
Share
Share
Pin1
Buffer5
+1