Recommendations for jpeg compression?

[Gerard]

Hi

We have an app that utilises the camera. We have it previewing the image on the form and it holds the base64 data in a hidden variable and this gets uploaded to our server on submission of the form.

_onPhotoDataSuccessReceipt: function(imageData) {
    console.log("function _onPhotoDataSuccessReceipt called");
    var smallImage = document.getElementById('smallImageReceipt');
    smallImage.style.display = 'block';

    // Show the captured photo.
    smallImage.src = "data:image/jpeg;base64," + imageData;

    $("#receipt_data").val(imageData);

    // manually clear the receipt error msg if present as validator not doing it
    if ($("#receipt_data").val()!="") {
        $("#receipt_data").next().html("");
    }

},

We have been testing using an iPhone 4s and a HTC One.

The iPhone photo sizes are averaging about 5Mb and the HTC about 200k.

Can you recommend any ways that we can compress the jpgs if taken by iPhone or cameras with high resolution by detection  or otherwise?

Many thanks.

[Tsvetina]

Hi Gerard,

The most probably reason for the big difference in image size is the image resolution. You can specify targetWidth and targetHeight to limit the size of the images taken with the iPhone. Also, you can consider using the quality option to reduce the image file size. These three options are described in the Cordova documentation here:
Camera

If you want to apply different settings when shooting an image, you can use the device object to determine whether the used device is an iPhone or a different one:
Device

Regards,
Tsvetina
Telerik

 

 

[Gerard]

Thanks Tsvetina - I had assumed targetWidth and targetHeight would squash or stretch the image but they don't so that is perfect.