Как изменить качество изображения

Question

Какой параметр для установки качества изображения / dpi

У меня изображение определенного размера в пикселях.Перед сохранением мне нужно уменьшить его качество (не меняя размер в пикселях).

Я отправляю изображение на следующие функции.Если я хочу снизить качество до 87% - как именно это сделать?

function defineNewImgFile(image) {

    let imgBlob = base64ImageToBlob(image);

    let newFile = new File([imgBlob], image, {
        type: typeOfImg
    });
    return newFile;
}

//changes base64 format
let typeOfImg;

function base64ImageToBlob(str) {
    let pos = str.indexOf(';base64,');
    let type = str.substring(5, pos);
    typeOfImg = type;
    let b64 = str.substr(pos + 8);

    let imageContent = atob(b64);

    let buffer = new ArrayBuffer(imageContent.length);
    let view = new Uint8Array(buffer);

    for (let n = 0; n < imageContent.length; n++) {
        view[n] = imageContent.charCodeAt(n);
    }

    let blob = new Blob([view], {
        type: type
    });

    return blob;
}

Answer 1

Для сжатия изображения вы можете использовать Sharp

Answer 2

Попробуйте это:

Код функции Javascript

var yourImg = document.getElementById('yourImgId');
if(yourImg && yourImg.style) {
    yourImg.style.height = '100px';
    yourImg.style.width = '200px';
}

Код переднего конца:

<img src="src/to/your/img.jpg" id="yourImgId" alt="alt tags are key!"/>