All Collections
Getting Started
Wordable 201: Time to Scale
How to compress images automatically with Wordable (and why you'd want to)
How to compress images automatically with Wordable (and why you'd want to)

Image compression can speed up your site, provide a better user experience, help you rank higher, and even convert more customers.

Brad Smith avatar
Written by Brad Smith
Updated over a week ago

Uploading HUGE images to a website will slow it down over time.

Don't think that's a big deal? Slow websites:

  1. Provide a bad user experience,

  2. Rank worse in search engines, and

  3. Even sabotage your conversions!

Don't believe us?

  • Website conversion rates drop by an average of 4.42% with each additional second of load time (between seconds 0-5). Portent

  • Website conversion rates drop by an average of 2.11% with each additional second of load time (between seconds 0-9). Portent

  • By compressing images and text, 25% of pages could save more than 250KB and 10% can save more than 1MB (which contributes to page load times). Google

Most people don't compress images because, well, it's often a pain in the ass.

You have to manually crop and resize images. Then, run them through special software one-by-one. And finally save them as a smaller image file type (like .jpg vs. .png).

Well, you're in luck!

Wordable will compress images and resize them, automatically, based on your document settings -- while still retaining image quality.

Go into the Export Settings and look under the Transformations options for "Compress Images."

No, I can't read that, either. Getting old sucks.

Here's what it looks like zoomed in, where you can now view the "lossy" vs. "lossless" options (along with "resizing to dimensions" if you want to retain the original size you set inside a document).

  1. Compress Images: Enable this option to resize images.

  2. Resize: Click this to automatically resize the image to match your image dimensions in the original document file.

  3. Lossless: We'll find a happy medium, compressing images but not too much so that they lose noticeable quality. This is best for photography and other high-quality image assets.

  4. Lossy: You might lose a little quality here (which might not be a big deal if you're just displaying charts, graphs, screenshots, etc.), but you'll also save the most space.

(Our friends at Kinsta have an excellent guide on Lossless vs. Lossy if you want to nerd out on this in more detail.)

Then, you can then view the individual Document Details to see the resized dimensions of each image, along with how much space has been saved.

Once again, for the over 20 crowd:

Did this answer your question?