DEV Community

Cover image for I Built a Free Browser-Based Image Tools Platform
Zihang Dong 董子航
Zihang Dong 董子航

Posted on

I Built a Free Browser-Based Image Tools Platform

I Built a Privacy-First Online Image Tools Platform That Runs 100% in the Browser

Most online image tools solve one problem and create three new ones.

You want to compress an image, resize a file, convert PNG to WebP, or add a watermark — and suddenly you're dealing with uploads, account walls, aggressive ads, or “free” tools that stop being useful after one click.

I wanted something simpler.

So I built 24Picture: a privacy-first online image tools platform focused on speed, simplicity, and browser-based processing.

Why I built it

A lot of people don’t need Photoshop.

They just need to:

  • convert image formats
  • compress large files
  • resize assets for social media
  • crop screenshots
  • add watermarks
  • create memes or GIFs
  • edit images quickly without installing software

That sounds simple, but the existing experience is often frustrating.

So I decided to build a toolset that feels lightweight and practical.

What makes it different

The core idea is simple:

Do as much as possible directly in the browser.

That means users can process images without sending files to a remote server for every basic task.

This has a few clear advantages:

  • better privacy
  • less friction
  • faster iteration
  • no account requirement
  • no software installation

Current features

24Picture currently includes tools for:

  • JPG to PNG
  • PNG to WebP
  • HEIC to JPG
  • image compression
  • image resizing
  • image cropping
  • adding watermarks
  • Base64 conversion
  • batch conversion
  • SVG optimization
  • gradient generation
  • meme creation
  • GIF creation
  • GIF to MP4 conversion
  • browser-based image editing

You can explore the full platform here:

https://24picture.com/

Built for normal users, not just designers

One thing I’ve learned while building this is that many users are not looking for a “creative suite.”

They’re looking for relief.

They want to finish a task and move on.

A seller needs product images resized.
A creator needs a thumbnail compressed.
A student needs a PNG with transparency.
A marketer needs a quick watermark.
A developer needs an image converted to Base64.

The goal is not to impress them with complexity.
The goal is to help them solve the problem in 30 seconds.

Technical direction

The project is intentionally lightweight:

  • static HTML/CSS/JS
  • browser-side processing where possible
  • multilingual support
  • PWA support
  • SEO-focused content structure
  • no unnecessary build complexity for the public-facing experience

I’ve also been investing in better crawlability, structured metadata, multilingual coverage, sitemap automation, and AI-readable site documentation so the platform becomes easier to discover and understand over time.

Privacy matters

This was non-negotiable for me.

A lot of users handle private screenshots, personal photos, client files, or business assets. They should not have to wonder where those files go.

That’s why privacy-first processing is one of the key principles behind the platform.

If you want to try it

If you work with images regularly and want something fast, simple, and browser-friendly, take a look:

24Picture — Free Online Image Tools

I’m still improving it continuously, adding features, refining UX, fixing edge cases, and expanding content for different languages and use cases.

If you’ve built something similar — or if you have strong opinions about browser-based media tools — I’d love to hear how you think about the tradeoff between simplicity, privacy, and power.

Top comments (0)