How to Prepare Your Images for Your Website
Optimising your images before uploading them to your website is essential for fast load times, improved SEO, and a better user experience. Here’s how to get it right:
Keep file sizes small
Aim for images under 300KB, never bigger than 600KB. Large files slow down your site and can hurt your SEO.
Resize appropriately
For most uses, 1400px wide is perfect. Only use larger dimensions for full-screen hero images. Avoid uploading huge files and relying on your website to scale them down.
Rename your files
Use descriptive, keyword-rich filenames instead of generic ones. For example:
- electrician-belconnen-001.jpg
- home-renovation-chifley-canberra.webP
This helps with image SEO and makes it easier to manage your media library.
Use the right format
WebP format is ideal as the same quality image can be maintained at a much lower size. WebP images can typically be reduced to 70% quality and still remain crisp and clear to the human eye.
Alternatively use JPG for images.
Compress your images
Use tools listed below to reduce file size without compromising image quality.
Summary
Format
Rename
Image Optimiser Tools
Squoosh
Squash (Mac Users Only)
Squash is a Mac app designed to make image compression fast and simple. You can drag in multiple images and it will automatically reduce their file size while keeping them looking great. It supports a range of formats and is perfect for batch processing before uploading to your website. Squash is a paid app (at the time of writing $87/year) developed by Realmac Software.
Quick Tools to Resize and Compress Images Easily
| Tool | Best For | Type | Free/Paid | Link |
|---|---|---|---|---|
| Squoosh | Quick, private, browser-based use | Web | Free | squoosh.app |
| TinyPNG | Easy batch compression | Web | Free / Paid | tinypng.com |
| Squash | Mac users who want batch resizing | Desktop | Paid / Setapp | realmacsoftware.com/squash |
| ImageOptim | Developers, metadata stripping | Desktop (Mac) | Free | imageoptim.com/mac |
| XnConvert | Cross-platform batch conversions | Desktop | Free | xnview.com/xnconvert |
Compressing PDFs
This tool by Adobe can be used for compressing PDFs.