Solve a Blurry Canva Image

Canva is the bee's knees. If you don't have access to Adobe products, can't wrap your head around sketch, and want to be held by the hand a little... Canva is for you.

But one thing that can happen with canva is blurry images. This is due to is being great at cutting out unnecessary stuff (optimisation) but not so great at keeping all the information to keep it super crisp.

Making images for the web is a balancing act between image quality, image size, and canvas size. Totally different beasties.

Now, to be fair I made these images in Adobe Illustrator... but what I say goes for all images.

Exhibit A

 

Exhibit A

 

Ew. Pixelated and not happy. Vital stats: canvas size 602x400 pixels, 77KB, resolution 72ppi.

 

Exhibit B

 

 

Much better, clear and pretty. Vital stats: canvas size 602x400 pixels, 265KB, resolution 300ppi.

The cost of having these prettier images is size.  Bigger page sizes take longer to load,  search engines will penalise sites where the images aren't scaled or optimised (if you have a 3000x1000 pixel image in a slot for a 300x100 pixel image, it's waaaay bigger in terms of cnavas size and data than it needs to be, so you lose brownie points).

But if you're using your image for a facebook header, instagram or the like and you've made your image to the canvas size that site wants... and it's blurry? Up the canvas size and let that site compress it for you. Make sure your calculations keep the aspect ratio the same.

If you have canva for business, you can actually change the canvas size of an existing design. Otherwise, you'll have to make it again.

If you'll use that image later on your own website, pay attention to its placement and trade off quality/canvas size/data size and make the best call for your use.

 

Leave a Reply

Your email address will not be published.

a lined design logo with circular tagline salt pink rgb
We’re a creative brand and web design agency based in Hobart, Tasmania servicing clients all around Australia and the world. We specialise in helping creative entrepreneurs shine online.
data privacy certified agency partner
members
Awiaartboard 1
members
Agda
proud sponsor
Kivaartboard 2
Wpe Badge Hq
your voice matters
lgbtq+ rainbow flag quasar progress variant
Copyright © 2016 – 2022 Sarah Crawford t/as A Lined Design
magnifiercrosschevron-downcross-circle linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram