search

reactioncommerce / reaction-feature-requests

Reaction Feature Requests
13 stars 1 forks source link

Integrate TinyPNG API to automatically compress uploaded images #48

Open loanlaux opened 6 years ago

loanlaux commented 6 years ago

TinyPNG offers an API as well as an NPM package to losslessly compress PNGs and JPGs in a programatic way.

See:

It would be great if Reaction could integrate this as an optional step when uploading images. TinyPNG's compression is known to be very good, and image compression plays a big role in page load times.

Asking non tech-savvy clients to compress their product images before uploading them is a no-go, so having the option to input a TinyPNG API key in the dashboard and let it do the compression work under the hood would be awesome.

loanlaux commented 6 years ago

Adding some more context, I'm working on a client project which gets an F on PageSpeed. The #1 reason for this being uncompressed images.

screen shot 2018-06-03 at 18 14 28

I would be happy to make a TinyPNG plugin but I'm not sure if that's doable since the image upload code lives under /imports/plugins/core/files/server/fileCollections.js. If it is doable as a plugin, I would gladly appreciate some guidance and I'll just release this as such.