Those files can be very heavy (> 10MB) because of the ever increasing camera resolution on new mobile devices. We must also consider that most Internet traffic comes from mobile devices, so we can expect users to upload photos taken with their phones. I hope this makes my request a bit clearer.Uploading and downloading images is a very common feature in modern web applications but exchanging files between client and server can quickly become a high resource consuming task. all without further processing on the server side.faster page views when recalled and faster slideshows.reduces upload time and bandwidth usage.It’s ideal for mobile use but just as good for desktop as it I have implemented this on various sites and it works very well. Images can be automatically resized on client-side with browsers supporting the required JS APIs.Īs an example, this is where the image to be uploaded is automatically resized on the device (mobile or PC) as part of the upload procedure from, say, 8Mb to 300Kb without changing the overall width or height, without cropping the image and without noticeable loss in quality. The idea comes from BlueImp’s jQuery File Upload plugin for PHP and in particular

An image cropping tool would be a welcome addition, as would other editing tools such as adding text, shapes and arrows but all as options. And they certainly have no idea how to reduce the image first, so I need a way to automatically reduce the filesize before the image is uploaded. The user often has no idea about megapixels and how it affects the upload speed. This request is for resizing the image in Megapixels (Mb) rather than Image Resolution (pixels).

Javascript resize image client side