Visuals for non-designers: 5 brilliant tools


When you’re creating a website you’ll need to create visuals, whether it’s just cropping and resizing images to display in a slider on your home page, or creating infographics that people will want to share.  No need to worry about learning (or investing in) complicated design software – luckily there are dozens of excellent tools out there that let non-designers create brilliant professional-quality graphics.

1. Pixlr

Pixlr is an excellent and really useful online tool you can use for cropping and resizing images.  It works like Photoshop at a basic level.  See here for step by step instructions on how to use it to create a banner for your website.


Pixlr is an essential tool for cropping images and creating banners to use on your website. (Choose “Pixlr Editor” from the Pixlr website home page – there’s also a downloadable desktop version.)

2.  Pixlr Express

Pixlr Express is a completely brilliant way of creating collages or arrangements of similarly-sized images to display on your site (as shown below).  I use it mostly for this – it saves you doing it manually and is a real time-saver – but you can also use it to create borders and add text to webcam images, or other images you have on your computer.


Pixlr Express is great for creating collages or rows of images extremely easily.

3.  Canva

When you want to create a shareable graphic, or create some visual interest for a blog post, Canva gives you some mouthwatering options.  It’s so easy to use – you’ll be able to put together professional-looking infographics in literally minutes.


Canva’s wide selection of ready-to-use templates lets you great results quickly, and they have loads of icons you can use to get that super-professional look.

4. PicMonkey

PicMonkey does a bit of what the previous three tools do – creates collages, crops images, lets you add text – but what it’s really useful for is touching up photos really easily without having to get into the nitty gritty of anything complicated like Photoshop.  You can remove red-eye, smooth out blemishes and whiten teeth at just the click of a button.


Look! A free shine reduce tool!

5.  Stencil

Stencil is a quick tool to turn a quote, or other snippet of wording, into an image.  You can make images for all social media (the different sizes are built in).  They have loads of images and icons you can use for free or you can upload your own.  Simple, fast, and brilliant.

So there you have it – five tools that allow you to create really great graphics for your website – without having to master Photoshop or having to hire a professional each time you want to create something that looks slick.

If you know of a wonderful tool that other readers might find useful, please do let us know by posting a comment below at the bottom of the page.

You Might Also Like


  • Reply
    21st April 2015 at 10:22 am

    Thanks for these super tips! I think I will give Canva a try. So much easier to make a decision after you’ve done all the trials and testing. Much appreciated.

  • Reply
    Edit images for your site and social shares, without Photoshop - Claire Creative
    29th February 2016 at 11:18 pm

    […] a little more advice on creating custom images for your website? Check out this article by Alannah Moore or Contact me to book a Content Creation Consultation […]

  • Reply
    How to use Pixlr to create a header for your site | Create Your DIY Website
    5th July 2016 at 9:40 am

    […] You now know the basics of resizing, cropping and working with layers in Pixlr.  Unless you need to do anything really complex, this is probably as much as you will ever need to know how to do with Pixlr.  (If you want to make interesting, shareable graphics for your website, take a look at the amazing tools talked about in this post.) […]

  • What do you think? Anything to add, or any questions?