Have the image(s) you want to edit saved to a location on your hard drive or desktop. Open Canva in whichever browser you prefer to use.
Click on the green upload button and locate the photo you want to use.
Canva will upload your image and the first option available to you is to apply a style filter to your graphic. As this tutorial is focussed on re-sizing we'll skip straight into this. Choose Resize from the icon menu at the top. As the width is the larger dimension in this case we'll use that value to resize our image and then we'll crop the height later. It's important to keep lock aspect ratio checked here.
A smaller, scaled version of the image is shown in the center of the original here to illustrate the sizing changes we're making. Clicking Apply will commit this change.
Our image has now been re-sized to match our target image width of 700px but as you'll see the height is incorrect. The next step will be to crop the image vertically to get our target height of 300px.
Step 6 - Crop:
Choose Crop from the menu and change the height value to 300px. This changes the ratio of crop display, in this case to more of a panoramic aspect. You can now click and drag this display to reposition your graphic. This is a matter of preference but you're just looking to frame your image nicely to create a composition you are happy with.
Once you apply the crop selection you will have an end result graphic which is 700x300px. You can now download this graphic, saving it in a location you can easily find for upload to your CMS. In the screen shot below the re-sized image has been uploaded to the CMS ready for publishing.
Canva is one online editing solution, there are a number of others that carry out similar functions. This is one solution we recommend to clients as it's quick and easy to use and the user interface is really nice. The steps we outlined above apply to image resizing in most image editing applications, likewise Canva can be used to re-size images for any number of scenarios such as images for social media profiles pictures or cover graphics etc.
Back to top