LemonSqueeze logo LemonSqueeze
Webflow Made for Webflow Add to Chrome
LemonSqueeze ✕ Webflow Chrome extension for Webflow

Webflow's 4 MB limit?
Squeezed.

Click the LemonSqueeze icon in the Webflow Designer and upload as many images as you like — at any size. It compresses each one locally in your browser to WebP, safely under 4 MB, and hands them straight to Webflow's own upload. No second tool, no more "file too large."

Add to Chrome — free beta See how it works
✅ Runs in the Webflow Designer ✅ WebP automatically ✅ always under 4 MB
−93 % .png → .webp LemonSqueeze mascot: a happy lemon being squeezed by two hands with juice splashing out — a metaphor for compressed, optimized Webflow images
Sound familiar?

"The file you're trying to upload is too large."

You drag your perfect hero image into Webflow — and bam, the red box. Webflow simply won't take anything over 4 MB.

// So: over to a compression tool. Upload. Wait.
// Export WebP. Back to Webflow. Upload again.
// For. every. single. image.

Annoying? Exactly.

How it works

Three seconds instead of three detours

LemonSqueeze adds its own icon to the Webflow Designer's Assets bar — right where you're already working, next to "Create folder" and "Upload."

1
🖱️

Click the icon

Click the LemonSqueeze icon in Webflow's Assets bar and pick as many images as you want at once — no matter how large. You can also drop them straight into the popover.

2
🍋

LemonSqueeze squeezes

Each image is resized and converted to WebP locally in your browser — the whole batch, neatly under the 4 MB line. Nothing is sent to a server.

3
✨

Straight into Webflow

The optimized files are fed into Webflow's own upload and land in your Asset Manager. With auto-upload on it happens in one go; otherwise just hit "Upload to Assets."

The Squeeze-O-Meter

Give it a squeeze 👇

This is what an upload with LemonSqueeze feels like. Hit the button and watch "too large" turn into "fits."

🖼️
hero-banner.png
4.2 MB · 3840 px · PNG
too large 😤

Webflow allows max. 4 MB. Your image right now: 4.2 MB.

What LemonSqueeze does for you

Small, sharp, web-ready — without lifting a finger

🔄

Automatic WebP

Every image comes out as WebP — the format Webflow and Google love. Smaller files, the same picture, nothing for you to set up.

📏

Always under 4 MB

LemonSqueeze keeps compressing until your image clears Webflow's limit. The target sits at 3.8 MB by default, with a little buffer to spare.

📦

Whole batch at once

One click on the icon, select any number of images — any size. LemonSqueeze squeezes the entire stack in a single pass.

🔍

Stays sharp

Smaller doesn't mean mushy. High-quality stepped downscaling (no pixel staircasing) at ~82% quality strips the megabytes, not the detail.

🖼️

No Webflow warning icons

The longest edge is capped at 2000 px by default — exactly the point past which Webflow shows its warning icon. Webflow still builds its own responsive variants.

⚙️

Yours to tune

Target size, quality, longest edge, auto-upload and an experimental auto mode — tune it all in the settings popup, or just leave the defaults.

Not just compression

Reuse existing assets in CMS image fields

Webflow stores CMS images separately from your Assets, so you normally end up re-uploading the same file over and over. LemonSqueeze adds an amber Assets button inside CMS image fields — browse your real asset folders, search, click an image, and it lands in the field.

  • ✓An Assets button appears inside every CMS image field (single- and multi-image), plus a global shortcut in the top mode bar next to Design / CMS / Insights.
  • ✓Your assets and their folder structure load in the background via the Webflow Data API — you don't even need to open the Assets panel first.
  • ✓Browse folders, search by text, click an image — done. Hit ⟳ to reload after new uploads.
  • ✓If the chosen asset is bigger than your target size, it runs through the Squeeze engine first.

One-time setup: API token

To list your assets, the picker needs a Webflow token — once.

  1. In Webflow: Site settings → Apps & integrations → API access → Generate API token.
  2. Grant read access for:
    assets : readsites : read
  3. Copy it, open the extension icon in Chrome, and paste it into "Webflow API token."

The token is stored locally in your browser only (not synced) and used solely for requests to api.webflow.com. You can revoke it anytime in your Webflow site settings.

💡

Straight talk: Webflow can't natively reference an Asset from a CMS image field — that's a long-standing Webflow limitation, not something any extension can change. So LemonSqueeze fetches the chosen asset's bytes from Webflow's CDN and feeds them into the field's own upload. You're spared hunting down and recompressing the source file; a true "link" to the same asset entry just isn't possible through the Designer.

Before you ask

Frequently asked

How does LemonSqueeze get past Webflow's 4 MB limit?+
It resizes your image and converts it to WebP before it ever reaches Webflow. Instead of bouncing an oversized file off the limit, an already-optimized file under 4 MB arrives in your Asset Manager.
Can I upload several images at once?+
Yes. Click the LemonSqueeze icon, select as many images as you like, and it resizes and converts them all in one pass — regardless of their starting size.
Will I lose image quality?+
WebP delivers comparable quality at a much smaller file size. For typical web images the difference is practically invisible to the eye — only the megabytes are gone. Downscaling uses high-quality stepped resampling, and quality defaults to 82%.
What happens to my images — are they stored anywhere?+
No. All compression runs locally in your browser — your images are never uploaded to our servers. The only network calls go to Webflow itself (to upload your assets, and, for the CMS picker, to list them via api.webflow.com).
What's this API token for, and where is it kept?+
Only the CMS asset picker needs it, so it can list your existing Webflow assets and folders. You generate a read-only token (assets:read, sites:read) in your Webflow site settings. It's stored locally in your browser only (not synced) and used solely for requests to api.webflow.com. You can revoke it anytime.
What does LemonSqueeze cost?+
It's free during the beta. If pricing is introduced later, it'll be announced here first — nothing changes for you without notice.
Does it work with any Webflow project?+
The compression and Assets-bar features run anywhere in the Webflow Designer. The CMS asset picker additionally needs the one-time read-only API token described above to load your assets.
Why WebP instead of PNG or JPG at all?+
WebP packs the same images into smaller files at better or equal quality. That means faster load times, greener PageSpeed scores, and far less wrestling with upload limits.

Done with "file too large."

Get LemonSqueeze and upload your images straight into Webflow — small, in WebP, all in one go.

Add to Chrome — free beta
When Webflow gives you lemons, make WebP. 🍋