skasochnoebali

Ну так вы берете значения из текстового поля лишь один раз, при выполнении кода. Вы должны получать значения каждый раз перед вычислением.

let form__control = document.getElementById("form__control__text"),
      mtbut = document.getElementById("mtbut");
mtbut.onclick = function(){   
    let form__control__text = form__control.value,
    let res = form__control__text*470;
    itogo.textContent = "Итого: "  + res + "грн.";
}

https://compressor.io/
https://kraken.io/web-interface

Что значит лагает? Пробовали сохранить для веба и сжать нормально?

Кроме png другие нормальные форматы не умеют в прозрачность.

Прозрачность есть в GIF, PNG, BMP, TIFF, JPEG 2000, при это они все жирнее чем png будут, а последний нигде не поддерживается.
https://caniuse.com/#feat=jpeg2000
webp тоже поддерживается не везде
https://caniuse.com/#search=webp

Еще можно в svg, но если у вас там сложная картинка, то не вариант.

Решение с первой страницы выдачи Яндекса https://payalord.github.io/xZoom/