Hacker News new | ask | show | jobs
JavaScript Image Compress Using HTML5 Canvas and File API Before Upload (phplift.net)
32 points by huzoorbux 2445 days ago
4 comments
Piskvorrr 2445 days ago
Database hugged to death :(

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

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

link
throwaway_bad 2445 days ago
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...)

link
tracker1 2444 days ago
I really like Squoosh... I'm not sure if they have yet, but there was at one time discussion of separating the builds for the underlying wasm built libraries from squoosh whole, which would make it more usable for separate projects.
link
throwaway_bad 2444 days ago
Yea I wished it were easier to use out of the box too. The code is fortunately very well organized so you can just copy the pieces you need: https://github.com/GoogleChromeLabs/squoosh/tree/master/src/...

It also does make sense for you to pick and choose only the compression codecs you will need. Otherwise the cost of making every client download huge and unused wasm libraries might outweigh any bandwidth savings from compression.

link
huzoorbux 2445 days ago
I have used JIC JavaScript Library to perform this task.

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

link
accosine 2445 days ago
This can be done in like five lines of Javascript. Why does this even rank on HN?
link
tmikaeld 2445 days ago
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

link
untog 2445 days ago
What's the minimum number of lines before code becomes notable enough for HN?
link
ghostbrainalpha 2445 days ago
7 can be acceptable in some cases, but just to be safe I suggest 8 lines.

// 8 Lines not including sarcastic comments obviously.

link
raxor53 2445 days ago
These are the new standards, please send out a memo.
link
devwastaken 2445 days ago
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.
link
mcraiha 2445 days ago
There should be a law that says: "one shall not use var in JavaScript code examples"
link
yoz-y 2445 days ago
Don't linters complain about it nowadays? Maybe devtools should start doing it too.
link