Crop ile oluşturulan base64 kodu sıkıştırma

Merhabalar,
Şöyle bir sorun ile karşı karşıyayım. Crop modal ile bir görseli istediğim gibi kırpıyorum ve çıktı olarak bana base64 kod veriyor ancak görsel 5 mb ise çıktısı 15 mb gibi yüksek rakamlara ulaşıyor bunu post ederken Server'ın post limitine takılıyorum hata alıyorum. Base64 kodunu sıkıştırma veya başka bir yöntemi var mıdır bu işlemin?

function resizeBase64Img(base64, width, height) { var canvas = document.createElement("canvas"); canvas.width = width; canvas.height = height; var context = canvas.getContext("2d"); var deferred = $.Deferred(); $("<img/>").attr("src", "data:image/gif;base64," + base64).load(function() { context.scale(width/this.width, height/this.height); context.drawImage(this, 0, 0); deferred.resolve($("<img/>").attr("src", canvas.toDataURL())); }); return deferred.promise(); }Can be used like this:
resizeBase64Img(oldBase64, 100, 100).then(function(newImg){ $("body").append(newImg);});