JavaScript Image Compress Using HTML5 Canvas and File API Before Upload

[Piskvorrr]

Database hugged to death :(

Oh wait. It's a redirect to StackOverflow?!

https://stackoverflow.com/questions/23945494/use-html5-to-re...

[throwaway_bad]

Squoosh is a much better demo of how to do in-browser compression (using optipng, mozjpeg, etc): https://github.com/GoogleChromeLabs/squoosh/

There are far more knobs you can tune whereas the native browser conversion only has mimetype and quality (via toBlob: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasE...)

[huzoorbux]

I have used JIC JavaScript Library to perform this task.

https://raw.githubusercontent.com/brunobar79/J-I-C/master/sr...

[accosine]

This can be done in like five lines of Javascript. Why does this even rank on HN?

[tmikaeld]

There might not be that many that know about it?

Image-conversion is the library I've used the most, since you can target file-size || quality:

https://github.com/WangYuLue/image-conversion

[untog]

What's the minimum number of lines before code becomes notable enough for HN?

[devwastaken]

browsers need to have an API to access the underlying libraries. No reason I shouldn't be able to use turbojpeg or libpng clientside. Can't even do it in WebAssembly, because simd was an afterthought.

[mcraiha]

There should be a law that says: "one shall not use var in JavaScript code examples"

[yoz-y]

Don't linters complain about it nowadays? Maybe devtools should start doing it too.