A secure, minimalist image conversion site. Your images never leave your computer! It converts between various formats instantly!
AI for debugging and/or learning about local conversion techniques.
I made a secure, local image converter! It converts between formats on-device, and allows quality adjustment to make the file size TINY!
I found the actual conversion somewhat challenging, as I’ve never dealt with JavaScript images or files before, but I’m really happy with the speed.
I’m also super proud of the CSS element styling, and I think it looks really nice! I went for a bubble-like aesthetic.
Updated info page before shipping.
This is my final devlog before shipping, hence the short length.
I improved certain things regarding WebP support and fixed the readme.
Below you can see the info page.
Again, if you have any compliments/comments, please leave them below this devlog! Thanks!
Log in to leave a comment
I added a slider for the quality level! This allows the user to customise the compression of their image, leading to dramatically smaller file size!
I also styled it to be consistent across browsers, so that’s nice! :D
I also added an info page with some information about myself, the site and my other projects!
I made a really nice looking bubble-themed animation IMHO for the upload icon! There’s a still frame in the devlog images.
SHIPPING! :D I don’t want to overcomplicate this project, so I’ll get some feedback and just… Ship it! :D
Thanks for following along on this short but fun journey lol.
Again, sorry for any spelling or grammar mistakes! Thanks for reading! 
Log in to leave a comment
I added some fancy button styling!
The buttons press down when you click them, giving a fun 3D effect! I also added the background box alongside various other tweaks and improvements to scaling and spacing.
I added a select menu for the format! I discovered that certain browsers (cough, safari) don’t support .webp exports from a canvas. I added a block to detect if the file exported properly or instead defaulted to a PNG. If it did, the user gets an alert, warning about unsupported browser, saying:
‘File type is unsupported on this browser. Please switch browsers or try another format.’
It’s an unfortunate workaround, but necessary given how much Safari wants me to fail lol.
I quite like the UI! I might add some details to make it feel less boring, but the minimalist approach is working well.
I’ll polish the UI further, and I’m considering adding a slider to change the quality of the image to compress the image nicely. If you have any feature requests or ideas, please comment them! I’d love to hear from you.
As usual, I write my devlogs entirely by hand, so sorry if I made any spelling/grammar mistakes!
Log in to leave a comment
