compressorjs
JavaScript image compressor. (by fengyuanchen)
blurify
blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode. (by dabanlee)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
compressorjs | blurify | |
---|---|---|
8 | 1 | |
4,976 | 686 | |
- | - | |
2.1 | 0.0 | |
12 months ago | almost 2 years ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
compressorjs
Posts with mentions or reviews of compressorjs.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-12-11.
-
Client-side image compression with Supabase Storage
After researching a couple of different options, what I landed on was a package called compressorjs written by Chen Fengyuan. This library performs compression and resizing of images in the browser. I was a bit skeptical at first, but it's a cool project and has good browser support. How Compressorjs works is that it uses the HTML5 canvas element to read the original image data and perform lossy transformations to compress and resize the image. There's a whole bunch of transformation options. For my project, what I have found is simply changing the maximum width of the image to 600px and slightly reducing the quality has greatly reduced the file sizes.
-
One Click to Optimize Images, Create Repo and Making Commit
You can change image quality or pass different options. I set customized mimeType and width by passing option parameter here. You can find more usages from compressor.js original documentation.
-
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.
-
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)
blurify
Posts with mentions or reviews of blurify.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-06-09.
What are some alternatives?
When comparing compressorjs and blurify you can also consider the following projects:
cropperjs - JavaScript image cropper.
CamanJS - Javascript HTML5 (Ca)nvas (Man)ipulation
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
pica - Resize image in browser with high quality and high speed
jimp - An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.
UPNG.js - Fast and advanced PNG (APNG) decoder and encoder (lossy / lossless)
merge-images - Easily compose images together without messing around with canvas
squoosh - Make images smaller using best-in-class codecs, right in the browser.
marvinj - Javascript Image Processing Framework based on Marvin Framework