Webflow CMS Image Optimization

Community resources Show & Tell
1

Hi there,

I created a Webflow CMS Image optimizer since I always faced this issue of optimizing images both through size and codec of the images to make sure pages load faster and our content pages could become better.

App Link

I have worked on this and released Pixie - The CMS Image optimizer which allows you to sync your Webflow project and optimizes images through it.

What it can do?

  • It works both with CMS and eCommerce CMS.
  • Resize Images with predefined sizes
  • Optimize images with two options

How to get started?
Get started by opening the Pixie App in Little Big Things Account.
Screenshot 2021-01-022 at 8.55.07 AM

Add a Webflow Project/Site through OAuth so that your Webflow integrations don’t break.

add
add624Ă—519 34.8 KB

Select the “Add Sites” option if you want to make sure other integrations don’t break or use the API key if handy.

I suggest using the “Add Sites” option

add sites
add sites781Ă—510 35.3 KB

Authorize the sites to be optimized
select sites

Select the optimization option:

  • Lossy (recommended)
  • Lossless

Select the collections you want to optimize

You can select to resize each field as per your need to push your optimization even further.
resize

result
result755Ă—239 4.64 KB

If you have any questions, just reach out!

2 Likes
2

Hi!

We are intrested of using your app. Our goal is to convert all of our images from .png/.jpg in our CMS and blog articles to *.webp, is this something your app do?

3

Hey Emil, my Airtable extension can help! Check it out here https://twitter.com/digitalshane_/status/1679896517069488128?s=20