Price form: compress proof images before upload

[raphodn]

Story

When adding a price, the user is asked to provide a proof (a photo of a price tag). We currently upload the original version of the image.

But the image is often large (smartphone cameras output images of 5MB+), and the network isn't necessarily good in shopping malls / supermarkets.

The idea is to compress the image before upload.

Ideas

Transform into webp

What about croping ? Not concerned here, maybe in the future, to be discussed.

Libraries

https://github.com/fengyuanchen/compressorjs

[raphodn]

Additional notes for future improvements (heic, safari...)

• https://dmitry-barabash.medium.com/photo-and-video-compression-pipeline-in-modern-web-applications-921fa2988628