DEV Community

Cover image for How to Batch Convert 500 Images to WebP Locally in the Browser With Zero Server Uploads
Zoe Christopher
Zoe Christopher

Posted on

How to Batch Convert 500 Images to WebP Locally in the Browser With Zero Server Uploads

As web devs, SEO professionals, or digital designers, we all face the same problem: managing hundreds of heavyweight media assets on a weekly basis. Even with today's advanced web optimisation workflows, we are often stuck relying on old-school cloud utilities like Convertio or CloudConvert. Unfortunately, their free versions usually limit you to just 20 files, or blur privacy lines by forcing you to upload your files to third-party servers. To solve this, I created DeviceWebP.com – a bulk image-to-WebP optimiser that runs entirely on your local device without ever reaching an external cloud server. Because of this, it can even be used completely offline if you want. Here is how it works: The architecture under the hood relies on three unique development layers that function seamlessly together. First, multi-threaded parallel processing: Instead of crunching assets one by one, the pipeline dynamically scales based on your machine's capabilities. It checks your browser's hardware concurrency to spin up multiple background Web Worker threads, allowing you to compress up to four files simultaneously at raw hardware speed. Second, streaming ZIP archiving: Compressing dozens of heavy files on the main browser thread is a guaranteed way to crash your tab. To prevent this, we use a dedicated zip-worker.js file that handles the packaging in the background, streaming the compressed file increments safely into your active RAM without freezing your browser. Last but not least, there is frictionless mass-volume ingestion: Web tools usually force you to log in or create an account before letting you upload large folders. Instead, we use specialised directory reader APIs (like webkitGetAsEntry) to recursively scan and unpack entire desktop directories, allowing our high cap of 500+ files to process concurrently without any friction. Take a look at DeviceWebP.com today. If you are focused on improving site performance metrics like Core Web Vitals, boosting loading speeds, or need to work around strict enterprise privacy restrictions, feel free to try my free optimiser. It runs 100% offline (you could literally be in aeroplane mode) using the native CPU/GPU resources of your own machine. Check it out on your next batch and see the performance difference for yourself.

Top comments (0)