How to Resize Images with Canva and TinyPNG (Beginner‑Friendly Guide)

Large image files can slow down your website especially on mobile. To keep your site fast and professional, resizing and compressing your images is essential.

The good news is with Canva and TinyPNG, you can optimise your images in just a few minutes.

 

Part 1: Resize Your Image with Canva

Canva is a free, easy‑to‑use design tool you can access directly in your browser.

Step-by-Step

  1. Go to Canva.com and log in Create a free account if you don’t already have one.

  2. Click “Create a Design” → “Custom Size” Enter the exact dimensions you need (in pixels). Example: 1200 × 800 px for a blog header.

  3. Upload your image

    • Click Uploads on the left panel

    • Drag and drop your image or upload it from your device

  4. Drag the image onto the canvas Resize or reposition it to fit your layout.

  5. Click “Share” → “Download”

    • Choose JPG for smaller file sizes

    • Choose PNG only if you need transparency

    • Optional: lower quality to 80–90% to reduce size further

    • Click Download

Your image is now resized — next, let’s compress it.

 

Part 2: Compress Your Image with TinyPNG

TinyPNG reduces file size dramatically without noticeable quality loss.

Step-by-Step

  1. Go to TinyPNG.com Works for both JPG and PNG files.

  2. Drag and drop your image into the upload box You can compress up to 20 images at once for free.

  3. Wait for compression TinyPNG usually reduces file size by 50–80%.

  4. Download your optimised image Click Download to save the compressed version.

 

Final Thoughts

Using Canva for resizing and TinyPNG for compression is one of the quickest and most beginner‑friendly ways to optimise images for your website.

Quick Recap

  • Resize your image in Canva to match your website layout

  • Compress it in TinyPNG for a smaller file size

  • Save as WebP if your website supports it for even faster loading

  • Upload to your site and enjoy improved performance