Making Blog Graphics With Online Editors In 7 Easy Steps

This site may contain affiliate links for which a small commission is received.

create-any-blog-graphic-in-7-easy-steps-instagramSo I’ve tried and tested quite a few online and downloadable editors like Canva, Picmonkey, Pilxr, GIMP and Inkscape. Most cover the basics; many make and edit beautiful digital graphics and images. However, there are always some differences, for example in what text effects, image overlays, fonts, colorization and especially which file formats are available.

Ignoring the special features, creating blog graphics is a basic 7 step process.

Making Blog Graphics With Online Editors In 7 Easy Steps


1. Decide on whether to start from scratch or whether to begin with an image or graphic available that you can edit and modify to your brand color palette.

Canva Training2

2. Go to the editor of choice, create a blank design of the final size of the graphic needed. For example if you need a banner 1200 x 400 pixels the blank will start at 1200 x 400.

3. Add in background color you want it.

Color List Fb

4. Upload your image or graphic element.

5. Add in text titles, subtitles or small promotional message areas.

6. Create any special effects or overlays to highlight text or certain areas of your design.

7. Add in a watermark (usually your logo) if appropriate.

That’s it. And that process works for just about any graphic you want. You may skip a step if the graphic is for a sidebar or footer widget in a blog.

Plus, if your graphic or final visual content is for social media posting you probably (I recommend) making several copies specific to the size requirements for the social media you are posting to. Many editors let you resize and recopy your design so you can easily make several versions, one for each social media channel.

However, there are the “unwritten” nuances to remember when creating any graphic that will make it look professional.

Remember to do these too.

A. Use negative space. Crowd your graphic too much and it won’t look good nor will any text on it be readable.

B. Use complementary fonts. Complementary font flow together to make text easy to follow

C. Maintain your color scheme of your brand. There are times with images where you just use the image. But for certain graphics (logos, banners, widgets etc) located on your website, try to incorporate the website color scheme into them.

D. Limit the file size of the graphic. Any image or graphic above 500K is going to load slow on mobile and if its closer to 1MB you’re probably not going to like the performance. Plus, if you write a post with several embedded images and then have images in a sidebar, it all adds up.

E. Use images that relate to your written message. So don’t just toss any image into your graphic. Enough said.

The cool thing about creating your graphics is that you get exactly what you want. After a while, creating visual content that reflects your brand and your message becomes almost second nature.

If you’re interested in learning more about visual content creation, consider my course “Content Creation Bootcamp“. It’s really about creating all kinds of interesting content (animated gif, videos, illustrations) and techniques that you can use to market on social media.

And if you’re looking for where to get your starting free images or graphics, need to see complementary font pairs or just don’t know which color palette scheme to use, subscribe for more tips, plus get my printable resource freebies.

If you loved this post consider sharing it.  Thanks!


Make a cool logo in less than 5 minutes with Inkscape. Here's 24 ways to do it. >>> 24 Inkscape Filter Effects With Text

Scroll to Top

Subscribe for tips & resources

Sharpen your skills. Grow your business.