Web Image Optimizer for conversions and image shrinking in one place


So I got tired of having to visit separate websites whenever I wanted to convert my images into WebP format and optimize them into smaller sizes. I started to look into ElectronJS for making a desktop app that would tackle this problem for me.

At the time I was already familiar with using ViteJS in my web stack tool-box, so I searched through GitHub to see if there was a way to use it on the frontend of an ElectronJS application. I love using ViteJS during development since it greatly speeds things up for me, not to mention CRA is over 5 years old at this point.


Pictured above is the UI of the application with Bulma CSS styling. I chose to use PreactJS as the frontend framework in order to keep the overall amount of JavaScript there at a reasonable level.

The code to Web Image Optimizer can be found on my GitHub page in case you, dear reader, would like to clone it locally to your machine. You can download both the Linux AppImage or the Windows Setup executable from the downloads section on my website. Make sure to compare the sha512 checksum with the one that is provided.

There are modals that pop up after the process of image conversion/optimization is completed. If there is an error, a red modal appears. If you try to convert an image that is large, like over 100MB for instance, then it will take a bit for the green success modal to appear.

← Back to Blog