I am trying to convert any type of uploaded image into a .webp + give it a dithered effect with black dots and transparent background. However, there are problems: Image outputs are too large. How can I make them much smaller (I was hoping for <30kb)? I tried to convert the canvas with a resolution factor 0.75: canvas.toBlob( (blob) => resolve(blob), 'image/webp', 0.75 ); What I actually would like, is to have control over the dithering...
Originally asked by Kurtgustil on Stack Exchange (stackoverflow) (CC BY-SA 4.0).
