Webflow Image Optimization

Optimize your Webflow images automatically.

Save hours of manual work and optimize your Webflow CMS images without quality loss. Powered by tinyPNG and automated for you.

Up to 80% JPG/JPEG & PNG data reduction
Automatic & super easy
Webflow CMS Collections
Get Started
CONNECT & OPTIMIZE

Connect your webflow site, and optimize automatically.

Automatically compress and optimize your Webflow CMS images, saving hours and boosting your sites potential. Our simple tool automates this process across all your projects.

Get Started
Improve YOUR UX

Improve page load speeds without quality loss to your images.

Reduce the data size of your images by up to 80% and without quality loss. We partner with TinyPNG the world leading solution for image optimization. Lighter images help your sites load faster and score better overall.

Visit Documentation

Get started with Optily today

Faster sites achieve more and keep users happy. Small fee for a big win ✨
Start Now
Automatic Optimization

Key features to boost
your webflow sites.

Automatically compress and optimize your Webflow images, saving hours and boosting your sites potential.

Up to 80% size reduction on images

Using Optily you could reduce your image sizes by up to 80% while maintaining their high quality. This helps you pages load faster!

Optimize  images automatically

Just connect your webflow site and automatically optimize and publish your CMS items. No more saving these and reuploading them for all your items.

See how much data we saved

Once we've finished optimizing your site we will tell you exactly how much data we saved. We partner with the TinyPNG api to deliver the best results!

Save hours across multiple projects

Optimizing images is usually a very slow process, especially once they've been added into your webflow site. We can help automate this process!

Customer Testimonial

See what Connor from one the largest freelancer network thinks!

Hey! Have any questions?

Frequently Asked Questions

Learn about the common questions related to the tool.

What does the Optily tool do?

Optily connects to your webflow sites, and provides an easy and automatic way to optimize your webflow images without quality loss. We partner with the worlds leading image optimization API to deliver the best results possible with complete ease.

Optimizing your images (JPEG/JPG/PNG) can reduce their size by up to 80%, providing significant benefits to page load speeds.

Unless proactively completed prior to development, this can be a very manual process that requires webflow users to save images, run batch optimizing, download images, and replace them on each item.

a) Collection images (CMS)

Images located inside your Collection Lists (CMS) (eg. Blogs, Teams, Listings, Case Studies etc) will be automatically optimized and published upon completion. Please note we only optimize images that are published and a supported format. As Optily works through your images, will we update the modification date.

What if I don't like the results? Can I backup before?

We believe you will notice no difference between the quality of images before and after optimization. The service uses smart technology to only optimize without detriment to the image. In fact, we're super transparent about everything - we work with tinyPNG the leading optimization service and the tool used by millions. You can test it prior to use.

We also built this page to show you examples directly - https://www.optily.co/examples

Our team suggests a simple backup before using, incase for some reason you don't love the results.

Please note - You are responsible for ensuring the integrity of your files, there is no warranty included with this service. You should ensure you have proper backups before using the service. Webflow offers incredibly robust backup service, and you can force save and learn more about this here

Under NO circumstances will Optily be liable to you for any cost arising from your use of the service.

How do I connect my website and start the process?

Once you have created an account, you simply need to Generate an API token from your Webflow Project Settings. We will use this key to connect to your site and let you select which image fields you want to optimize. Please ensure you have published your website as we will only optimize images that are published and the correct format.

How much does it cost?

Optily starts at $29.99 giving you 2,000 image credits.

In most cases, 2,000 credits will support you optimizing a few websites.

For power users, we offer 15,000 credits for $99.99. This is really great value for those who plan to stick it out with Webflow and will be building large sites, serving many clients etc.

How long does it take? Can I close the tab?

It's very possible that some of your images are HUGE, or that you have a significant amount of them. Small business sites on average take between 5-20 minutes, where as very large sites could take much longer. 

Once you start the process we will run the operation in the background. You don't need the tab open, or your computer even on for that matter. We will run the process in the background and you will be able to see the modified date updated as we process images.

You can also continue working on your website while the process is in operation.

Why was my credit usage different from the estimate?

The estimate we provide you is based on the number of image fields inside your collections.

For example, if your blog collection has (2) image fields.  And inside that collection was (50) blog posts, we would estimate (100) images total.

In reality some of these posts might not be published, they may contain no image, the image might be an unsupported format (GIF/SVG etc). With gallery items, we simply count this as (1) in the estimate, but this field could contain up to 20 images.

We use this method to avoid the incredibly long wait times if we were to query every item. In most cases you can look at the estimate as the max amount of credits (unless you have a ton of gallery items)

What are the results like?

Results vary on the images individually, but optily can provide up to 80% size reduction without quality loss.

See some examples we compiled here

You can also see some real customer results in the quick start area.

We believe you will notice no difference between the image quality before and after optimization. Plus - you can always save a backup prior to optimization if you have concerns.

Can I optimize all my images? What are the limitations?

Optily provides optimization for your CollectionImages (CMS). For example your blog images, your team images, etc.

Please note collection images (CMS) will be automatically optimized, replaced and republished as we process your site.

Please note that we will only optimimize published images, and supported file types PNG, JPG/JPEG image files.

Supported Image Fields:

1. Image Fields (Collections)
2. Gallery Fields (Collections)

Currently Not Supported:

1. Rich Text Images
2. Ecommerce Fields