Конвертировать изображение в формат JPEG перед методом drawImage

Question

Я хочу преобразовать изображение из моих файлов в формат JPEG, прежде чем загружать его на создаваемый мной веб-сайт.Однако это преобразование должно произойти до drawImage, потому что drawImage - это то, что занимает так много времени, чтобы загрузить файлы PNG.

var canvas = $("<canvas></canvas>").appendTo(rowWithAllData.children("td.ui-fileupload-preview")),
    canvasCtx = canvas.get(0).getContext("2d", {alpha: false}), 
    fileURL = window.URL || window.webkitURL, 
    f = fileURL.createObjectURL(file), 
    img = new Image();

img.onload = function() {
for (var x = 0; x < 4; x++) {
    for (var y = 0; y < 4; y++) {
       tempCtx.drawImage(img, Math.ceil(x*img.width/4), Math.ceil(y*img.height/4), Math.ceil(img.width/4), Math.ceil(img.height/4), Math.ceil(x*width/4), Math.ceil(y*height/4), Math.ceil(width/4), Math.ceil(height/4))
    }
}

img.src = f;