cropperjs
compressorjs
Our great sponsors
| cropperjs | compressorjs | |
|---|---|---|
| 6 | 6 | |
| 10,643 | 3,744 | |
| - | - | |
| 6.0 | 4.6 | |
| 21 days ago | 11 days ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
cropperjs
- Cropper.js – JavaScript Image Cropper
-
Hey,does somebody know the name of the plug-in to do this type of image editing?? link to their page:https://luciluciacademy.com.br/ferramentas/#
They are using CropperJS to crop the image: https://fengyuanchen.github.io/cropperjs/
-
All you need to know to deal with user avatars 👤 in React
To provide a bit more comfort to our users it would be nice to enable them to crop the image before they actually upload it. This can be done using cropper.js and its React wrapper react-cropper.
- Tutorial Laravel Upload dengan Package ImageUp
-
I need to implement a simple image rotate button before uploading to server
In that case you can do simple transforms via css. Or something bigger via plugins like https://github.com/fengyuanchen/cropperjs
-
12 JavaScript Image Manipulation Libraries For Your Next Web App
MORE INFO
compressorjs
-
How to compress images on client-side
I will use compressorjs, a tiny librarie (3.8 kB minzipped). Compressor.js uses the Browser's native HTMLCanvasElement.toBlob() API to do the compression work, which means it is lossy compression.
There's a live Demo to play with it.
-
Compressing images on client side before upload
(I checked out : imagemin, compress.js, compressorjs and some small others)
-
Django CK editor with client side image shrinker
Django CK editor comes with default image shrinker based on Pillow, But Pillow sucks at image shrinking, A frontend library called compressorjs does 5 times the Image quality with 5 times smaller the size.
-
12 JavaScript Image Manipulation Libraries For Your Next Web App
MORE INFO
-
Made a Web App to reduce Image Size by up to 90%, No file Size Limit & Works Offline | compressimage.io
You don't actually need any web services. Just import the compressorjs library and the UPNG.js library on client side(frontend) and then before uploading the data to server compress the image. These libraries were actually written for frontend compression by their respective owners. https://github.com/photopea/UPNG.js (25kb) https://github.com/fengyuanchen/compressorjs (8kb)
What are some alternatives?
UPNG.js - Fast and advanced PNG (APNG) decoder and encoder (lossy / lossless)
jimp - An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.
cropper
CamanJS - Javascript HTML5 (Ca)nvas (Man)ipulation
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
blurify - blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.
squoosh - Make images smaller using best-in-class codecs, right in the browser.
merge-images - Easily compose images together without messing around with canvas
marvinj - Javascript Image Processing Framework based on Marvin Framework
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.