🖼️ Guide: Compressing Images to WebP Under 100KB with Squoosh.app
Why this guide?
Optimising images before uploading to your website helps improve page load speed, reduce bandwidth usage, and boost your SEO. Large image files can slow down your site—especially on mobile. By converting to WebP, a modern image format, and keeping files under 100KB, you ensure your site remains fast and efficient for all users.
⏱ Estimated time: 5 minutes per image
1. Open Squoosh.app in Your Browser
1.a. Visit https://squoosh.app
This tool works directly in your browser and doesn’t require an account or download.
2. Upload Your Image
2.a. Drag and drop your image into the browser window
Or click anywhere on the screen to browse and upload your image file.
2.b. Wait a moment for the image to load
You’ll see a before-and-after comparison slider appear.
3. Select the WebP Format
3.a. On the right panel, click the dropdown under “Compress”
Select WebP from the list of available formats.
4. Adjust Compression Settings
4.a. Slide the “Quality” bar to reduce file size
Start at around 75% quality and gradually lower it while watching the file size below the preview.
4.b. Monitor the file size in the bottom corner
Aim to get the size below 100KB while keeping the visual quality good enough. Don’t go too low if the image becomes blurry or pixelated.
5. Download the Optimised Image
5.a. Click the blue download arrow button
This saves your compressed WebP image to your device.
6. Upload to Your WordPress Media Library
6.a. Now head back to WordPress and upload the optimised image
It’s ready to be used without slowing down your site!
đź’ˇ Bonus Tip
🌟 Always rename your image file with relevant keywords before uploading (e.g. blue-running-shoes.webp) to help boost your SEO even further. Avoid names like IMG_9821.webp.