How to optimize images before uploading?

Question

JavaScript

Hello!
To upload images to the server, I use the usual php tools, but I want to improve this process and the following questions arose, I don’t know much about this myself, so I would like to hear the opinions of knowledgeable people.
Is it possible to make it so that before uploading to the server, an image that has both large dimensions, say 1800 by 1600px and also weighs, say 5 MB, is pre-processed in the browser - compressed so that it weighs less and the dimensions also decrease, but without loss of quality, and only then it is uploaded to the server? Is it possible to do this pre-processing using HTML5, canvas , jquery, and only after loading use php? Thanks in advance for your replies.

Answer 1

https://habrahabr.ru/post/252175/

Answer 2

Let me guess, the purpose of this is to speed up the upload from a user with a low internet speed?
There is such an implementation: https://github.com/brunobar79/JIC
But noticeable compression without loss of quality cannot be done in any way