PHPackages                             avtomon/quill-image-compress.js - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. avtomon/quill-image-compress.js

ActiveLibrary[Utility & Helpers](/categories/utility)

avtomon/quill-image-compress.js
===============================

Quill editor base64 images compress plugin

010JavaScript

Since Apr 27Pushed 6y agoCompare

[ Source](https://github.com/avtomon/quill-image-compress.js)[ Packagist](https://packagist.org/packages/avtomon/quill-image-compress.js)[ RSS](/packages/avtomon-quill-image-compressjs/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependenciesVersions (1)Used By (0)

quill-image-compress
====================

[](#quill-image-compress)

[![NPM Version](https://camo.githubusercontent.com/bf187121aadcc692d4151a1a5dd448ad8aede92d0919cdbefd5b8cd7e5bca424/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f7175696c6c2d696d6167652d636f6d70726573732e737667)](https://www.npmjs.com/package/quill-image-compress)[![License](https://camo.githubusercontent.com/4df8c0c1e508de82b03ea48632988c2fc59ecf29935a4ba545e1e5a9f4fafff2/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f7175696c6c2d696d6167652d636f6d70726573732e737667)](https://github.com/benwinding/quill-image-compress/blob/master/LICENSE)[![Downloads/week](https://camo.githubusercontent.com/13c418c24659fe9f8e801d87cb94997f04d9737ff435c87f59ba26df004c1037/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f7175696c6c2d696d6167652d636f6d70726573732e737667)](https://www.npmjs.com/package/quill-image-compress)[![Github Issues](https://camo.githubusercontent.com/18b635884108de1b30a4b7a440d87ef6518a261ef4dcb5fceac3d7caac8849ed/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f62656e77696e64696e672f7175696c6c2d696d6167652d636f6d70726573732e737667)](https://github.com/benwinding/quill-image-compress)[![Build and Publish](https://github.com/benwinding/quill-image-compress/workflows/Build%20and%20Publish/badge.svg)](https://github.com/benwinding/quill-image-compress/workflows/Build%20and%20Publish/badge.svg)

Quill.js Module which compresses images that are uploaded to the editor

- [Live Demo!](https://benwinding.github.io/quill-image-compress/src/demo.html)
- [Live Demo! (with script tag)](https://benwinding.github.io/quill-image-compress/src/demo-script-tag.html)

Install
-------

[](#install)

`yarn add quill-image-compress`

Quickstart
----------

[](#quickstart)

```
import ImageCompress from 'quill-image-compress';

Quill.register('modules/imageCompress', ImageCompress);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageCompress: {
      quality: 0.7, // default
      maxWidth: 1000, // default
      maxHeight: 1000, // default
      imageType: 'image/jpeg', // default
      debug: true, // default
    }
  }
});
```

Quickstart (script tag)
-----------------------

[](#quickstart-script-tag)

```

      Quill.register("modules/imageCompressor", imageCompressor);

      var quill = new Quill("#editor", {
        modules: {
          imageCompressor: {
            quality: 0.9,
            maxWidth: 1000, // default
            maxHeight: 1000, // default
            imageType: 'image/jpeg'
          }
        }
      });

```

Options
-------

[](#options)

- **maxWidth**
    - Maximum width of images (in pixels)
- **quality**
    - Image quality range: 0.0 - 1.0
- **imageType**
    - Values: 'image/jpeg' , 'image/png' ... etc
- **debug**
    - Displays console logs: true/false

Thanks
------

[](#thanks)

This project is based on [quill-image-uploader](https://github.com/NoelOConnell/quill-image-uploader), thanks mate!

###  Health Score

18

—

LowBetter than 8% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity34

Early-stage or recently created project

 Bus Factor1

Top contributor holds 92.6% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/10077243?v=4)[Aleksandr Avtomonov](/maintainers/avtomon)[@avtomon](https://github.com/avtomon)

---

Top Contributors

[![benwinding](https://avatars.githubusercontent.com/u/11782590?v=4)](https://github.com/benwinding "benwinding (25 commits)")[![avtomon](https://avatars.githubusercontent.com/u/10077243?v=4)](https://github.com/avtomon "avtomon (1 commits)")[![sercangurbuz](https://avatars.githubusercontent.com/u/5747927?v=4)](https://github.com/sercangurbuz "sercangurbuz (1 commits)")

### Embed Badge

![Health badge](/badges/avtomon-quill-image-compressjs/health.svg)

```
[![Health](https://phpackages.com/badges/avtomon-quill-image-compressjs/health.svg)](https://phpackages.com/packages/avtomon-quill-image-compressjs)
```

###  Alternatives

[alexandre-daubois/lazy-stream

Write data to streams, only when it is really needed to.

755.7k](/packages/alexandre-daubois-lazy-stream)[yireo/magento2-theme-override-checker

N/A

178.3k](/packages/yireo-magento2-theme-override-checker)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)