What the difference between lossy and lossless compression?

Update: This option doesn't exist anymore. This is done to make optimizing Webflow CMS images easy and user friendly.

The usual suspect for optimizing in a Webflow site are CMS images as they can be optimized at scale and usually multiple people end up adding content in your CMS.

Pixie allows two options for you to select from

  • Lossless
  • Lossy


Lossy is an intelligent optimization that typically saves if at least 60% of the file weight. It is specifically designed to produce images of quality that should be on your website. We strive to make sure the quality is never of unacceptable quality. In most cases, you will not be able to visually differentiate the optimized image from the original.


This particular mode will save as much file weight as possible without altering any pixel. You should use this mode when the image should retain all of its initial visual information - like for sensitive brand and marketing visuals.

Original Image(3.05 MB )

Lossy(1.04 MB)

Saved 2.01 MB 65.93 % Saved