---
title: "Image Compressor — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Melvin John · Media · ranked #90 among Framer plugins. Image Compressor — WebP compression, built for Framer."
canonical: "https://framer.elliotli.dev/plugin/image-compressor"
---

[Home](/)/[Plugins](/plugins)/[Media](/plugins/category/media)/Image Compressor

# Image Compressor

Compress images to WebP

[View on Framer](https://framer.com/marketplace/plugins/image-compressor/?via=elliot-li)

![Image Compressor preview image 1](https://framer.elliotli.dev/og/plugin/image-compressor/6181f0efa694154e/1600x1200.jpg)

## Summary

Image Compressor — WebP compression, built for Framer.

## Description

## Image Compressor — WebP compression, built for Framer.

Compress images to WebP and add them directly to your canvas — without leaving Framer, without uploading anything, without slowing down your workflow.

### About this Plugin

Image Compressor is the only Framer plugin that compresses both new images and existing canvas images to WebP — the modern format built for fast-loading websites. Whether you're importing fresh assets or cleaning up an existing project, everything happens locally in your browser. Your files never leave your machine.

### What makes it different

Most compression tools only handle new uploads. Image Compressor goes further — switch to Canvas Mode, select any images already on your Framer canvas, and compress and replace them in place. One click. No re-importing, no layer disruption, no manual swapping.

### Key Features

-   **WebP Output** — converts all images to WebP, the format browsers love and Google rewards.
    
-   **Canvas Replace Mode** — select existing canvas images and compress them directly in place.
    
-   **Bulk Processing** — compress and replace 20, 30, 50 images at once with a single click.
    
-   **Quality Control** — choose Web (85%), High (95%), Max (100%) or dial in a custom quality level.
    
-   **100% Local** — all compression runs in your browser, nothing uploaded, nothing stored.
    
-   **Real-time Progress** — live progress bar per image, cancel anytime mid-batch.
    
-   **Framer-native UI** — light and dark mode, built to feel like part of Framer itself
    

### Who is it for

-   **Framer Designers** — keep your canvas clean without ever touching an external tool
    
-   **Developers** — ship lighter pages without rebuilding your asset pipeline
    
-   **Agencies & Freelancers** — optimize entire client projects in minutes, not hours.
    
    Stop re-importing. Stop switching tools. Compress, replace, and ship — all from inside Framer.
    

### Review Instructions:

1.  Open the plugin in a Framer project with at least one page open.
    
2.  From Computer mode: drop any image into the drop zone — it should compress and appear on the canvas as a WebP file.
    
3.  From Canvas mode: place an image on the canvas, select it, switch to From Canvas tab — the image should appear in the list automatically. Hit Compress & replace.
    
4.  Test bulk: select multiple images on canvas and compress all at once.
    
5.  Test light/dark: switch your OS theme to verify both modes render correctly.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #90

## Details

- **Author**: Melvin John
- **Published**: 2026-03-20
- **Updated**: 2026-03-20
- **Added**: 2026-03-08
- **Categories**: Media

## More like this

-   [Model Prep](/plugin/model-prep) — Litchi Solutions · Free — Compress 3D models, add finishes
-   [Animated Diagram Builder](/plugin/animated-diagram-builder) — Luke Sn · Free — Build animated workflows visually.
-   [Bandwidth Saver - Cloudflare R2](/plugin/bandwidth-saver-cloudflare-r2) — Luke Sn · Free — Host videos in your own Cloudflare
-   [SVG Flower Generator](/plugin/svg-flower-generator) — Eugenio Ciccale · Free — Geometric SVG Flower Generator