Images can impact your website’s performance if they are not properly optimised. One of the ways to solve this issue is ensuring images are optimised by reducing their file size. Properly optimized images load faster and also provide a better user experience. Building our own will also be a great exercise in learning JavaScript. So

So what are we making?! This: We’ll be getting familiar with color pickers, the canvas elements, curves.. you name it. Building the interface Let’s start with a minimal interface consisting of: A preview area containing a canvas element to display the blob. A color picker element to change the blob’s color (we’ll give it a