Large image files can slow down your website, hurt your SEO, and frustrate your visitors, especially on mobile. If you want to keep your site fast and professional-looking, resizing your images is essential.
Good news: You don’t need Photoshop or any expensive software. With Canva and TinyPNG, you can easily resize and compress your images in minutes.
Here’s exactly how to do it.
Part 1: Resize Your Image with Canva
Canva is a free, user-friendly tool you can use right in your browser.
Step-by-Step:
- Go to canva.com and log in
Create a free account if you don’t already have one. - Click “Create a Design” → “Custom Size”
Enter the width and height (in pixels) that you need for your image. Example: 1200 x 800 px for a blog post header. - Upload Your Image
- Click “Uploads” in the left panel.
- Drag and drop your image, or upload from your device.
- Drag the Image onto the Canvas
Resize and position it as needed to fill the space or keep it centered. - Click “Share” → “Download”
- Choose file type: JPG for smaller file size, PNG for transparent backgrounds.
- Slide the quality bar lower (around 80–90%) to reduce file size slightly, if desired.
- Click Download.
Now that you’ve resized your image, let’s make it even smaller—without losing visible quality.
Step-by-Step:
- Go to tinypng.com
It works for both JPG and PNG files. - Drag and Drop Your Image into the Box
You can compress up to 20 images at once for free. - Wait for Compression
TinyPNG will automatically reduce your file size—often by 50–80%! - Download the Compressed Image
Click “Download” and save it to your computer.
Final Thoughts
Combining Canva for resizing and TinyPNG for compression is a quick, beginner-friendly way to optimise images for your website.
Quick Recap:
- Resize with Canva to match your website layout
- Compress with TinyPNG and save as webp for lightning-fast load speeds
- Upload to your site and enjoy better performance!
