Как изменить качество canvas.toDataURL('image/png')?
 

Подскажите, как изменить качество canvas.toDataURL('image/png')?

Нужно оптимизировать/уменьшить длину строки base64, генерируемой canvas.toDataURL('image/png'). Что-то типа js-оптимизатора png, который в виде base64.

Знаю, что в случае canvas.toDataURL('image/jpeg') можно задавать качество от 0 до 1, но не подходит, т.к. у меня картинки с прозрачным фоном :(

canvas.toDataURL('image/jpeg', 0.5), по умолчанию 0.95 и это для JPEG, а PNG это практически несжатый формат.

Если очень хочется, то только вручную
Взять getImageData и по этим данным сотворить png

сохраните и сожмите тут
https://tinypng.com/

:)

уже нашел pngquantjs (отлично сжимает png прямо в браузере),
помогите подрихтовать, чтобы функция принимала png в виде base64 и возвращала base64.