Forem: Akshay

I Built a Free Privacy-Focused Bulk Image Compressor That Runs Entirely in Your Browser

Akshay — Thu, 07 May 2026 06:50:05 +0000

I created a polished Medium-style version already. Here’s a DEV.to optimized version — more developer-focused, slightly more technical, cleaner formatting, and written in a style that performs well on DEV Community.

Compress massive images without uploading anything to a server

Every developer eventually runs into this problem.

You have:

Huge product photos
Design assets from Figma
DSLR images
Screenshots for documentation
Client uploads that are absurdly large

And suddenly:

Your CMS rejects uploads
Your website becomes slow
Your Git repository balloons in size
Your email attachment limit explodes

So you search for an “online image compressor”.

Then comes the part nobody talks about:

You’re uploading potentially sensitive files to random third-party servers.

I didn’t love that idea.

So I built ImageSquash Pro — a completely client-side bulk image compressor that works directly inside the browser.

No uploads.
No backend.
No analytics.
No tracking.

Just drag, drop, compress, and download.

🔥 Why I Built It

A client once sent me around 20 RAW product images.

The folder size?

~1.2 GB

They needed optimized versions for the web immediately.

Most online tools failed because they:

had file limits
required payment for batch processing
froze on large images
destroyed image quality
uploaded everything to their servers

So instead of fighting existing tools, I decided to build one optimized for:

privacy
speed
large batch processing
simplicity

That became ImageSquash Pro.

⚡ What Makes It Different

Most image compressors work like this:

Upload → Server Processing → Download

ImageSquash works like this:

Browser → Local Processing → Download

Everything happens directly on your machine using browser APIs.

That means:

✅ Your files never leave your computer
✅ No internet required after initial page load
✅ Compression happens locally on your CPU
✅ No waiting for uploads
✅ No privacy concerns

You can literally disconnect your WiFi and the app still works.

🖼️ Features

📦 Bulk Compression

Compress dozens of images at once.

No annoying “one file at a time” workflow.

🔒 Fully Private

No backend server.

No cloud processing.

No telemetry.

No analytics.

No hidden uploads.

🎛️ Adjustable Compression

Choose:

WebP
JPEG
PNG

And customize:

quality
dimensions
compression preset

📊 Compression Statistics

See:

original size
compressed size
savings percentage
total reduction

In real time.

📁 ZIP Export

Download the entire batch as a ZIP file.

One click.

⌨️ Keyboard Shortcuts

Ctrl + Enter → Compress All
Ctrl + D → Download ZIP

🛠️ Tech Stack

The project is intentionally simple.

No framework.

No build process.

No unnecessary dependencies.

Just browser APIs.

Built With

HTML5 Canvas API
FileReader API
JSZip
Vanilla JavaScript

🧠 Core Compression Logic

Here’s the simplified version:

const canvas = document.createElement("canvas");

canvas.width = targetWidth;
canvas.height = targetHeight;

const ctx = canvas.getContext("2d");

ctx.drawImage(img, 0, 0, targetWidth, targetHeight);

canvas.toBlob(
  (blob) => {
    // compressed image blob
  },
  "image/webp",
  0.35
);

The browser handles resizing and re-encoding completely locally.

No server involved.

📉 Real Compression Results

One test batch:

Original	Compressed
1.62 GB	4.21 MB

Single images around 80MB often compress down to roughly 200KB depending on settings.

Perfect for:

websites
portfolios
blogs
ecommerce
documentation
web apps

🔐 Why Privacy Matters

A surprising number of image tools upload files silently.

That’s risky when working with:

client assets
confidential documents
medical files
legal paperwork
internal company screenshots

I wanted a tool where privacy wasn’t just a policy.

I wanted privacy enforced by architecture.

With ImageSquash:

The safest upload is the one that never happens.

🚀 Live Demo

https://tutorialsandroid.github.io/image-squash-pro/

💻 GitHub Repository

https://github.com/TutorialsAndroid/image-squash-pro

📌 Future Improvements

Things I’d love to add:

AVIF support
HEIC support
Web Workers for background compression
Drag-to-reorder batches
GPU acceleration experiments
Folder upload support

🤝 Open Source

Contributions are welcome.

If you have ideas, optimizations, or feature suggestions, feel free to open an issue or submit a PR.

Final Thoughts

I originally built this as a utility for myself.

But it became something much more useful:

A fast, lightweight, privacy-focused tool that solves a real problem without forcing users to trust a random server.

And honestly, I think more web apps should work this way.

I built a Modern Android Toast Library that works properly on Android 11+ (with icons, colors & Version Catalog support)

Akshay — Tue, 28 Apr 2026 11:41:55 +0000

🚀 I built a Modern Android Toast Library that works properly on Android 11+ (with icons, colors & Version Catalog support)

Android’s default Toast customization stopped working reliably after Android 11 (API 30).
Setting background colors directly on Toast views is now restricted — which makes many old solutions break.

So I built a lightweight modern alternative:

👉 Toast Library

It provides:

✅ Success / Error / Info / Default variants
🎨 Colored rounded backgrounds
🧩 Built-in vector icons
📍 Gravity control (TOP / CENTER / BOTTOM)
📦 JitPack installation
🧰 Version Catalog support (latest Android Studio)
⚡ Lightweight & dependency-free

📦 Installation (JitPack)

Step 1 — Add JitPack repository

Inside settings.gradle.kts

pluginManagement {
    repositories {
        google()
        mavenCentral()
        maven("https://jitpack.io")
    }
}

dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)

    repositories {
        google()
        mavenCentral()
        maven("https://jitpack.io")
    }
}

⭐ Recommended: Version Catalog setup (Latest Android Studio)

Inside:

gradle/libs.versions.toml

Add:

[versions]
toastlib = "v2.0.0"

[libraries]
toastlib = { module = "com.github.TutorialsAndroid:Toast-Library", version.ref = "toastlib" }

Then inside:

app/build.gradle.kts

dependencies {
    implementation(libs.toastlib)
}

Alternative: Direct dependency

dependencies {
    implementation("com.github.TutorialsAndroid:Toast-Library:v2.0.0")
}

🚀 Usage Examples

Success Toast

ToastLib.success(this, "Saved successfully");

Error Toast

ToastLib.error(this, "Something went wrong");

Info Toast

ToastLib.info(this, "Welcome back!");

Default Toast

ToastLib.show(this, "Default toast");

📍 Custom Position Example

ToastLib.show(
        this,
        "Top message",
        ToastLib.ToastType.INFO,
        Gravity.TOP
);

📱 Why this library exists

Older approaches:

toast.getView().setBackgroundColor(...)

no longer work consistently on modern Android versions.

This library solves that using:

✔ custom layouts
✔ vector icons
✔ Material-style backgrounds
✔ Android 11+ compatibility

📦 GitHub Repo

⭐ Check it out here:

https://github.com/TutorialsAndroid/Toast-Library

Feedback and contributions welcome!

🛣 Roadmap

Next updates coming soon:

✨ toast animations
✨ builder pattern API
✨ dark mode support
✨ custom icon support

If this helps your Android projects, consider giving the repo a ⭐

Introducing KAlert.js — A lightweight animated alert dialog library for JavaScript

Akshay — Tue, 28 Apr 2026 07:41:27 +0000

Introducing KAlert.js — A Lightweight Modern Alert Dialog Library for JavaScript 🚀

While working on my frontend projects, I often needed a clean and modern alternative to the default browser alert dialogs.

The native browser alert:

alert("Hello world");

is functional, but it looks outdated and isn't customizable.

So I built KAlert.js — a lightweight, animated, Promise-based alert dialog library that works instantly via CDN with zero setup required.

✨ Features

KAlert.js provides:

✅ Animated modal dialogs
✅ Promise-based confirm dialogs
✅ Font Awesome icon support (auto-loaded)
✅ Blur background overlay
✅ Success / error / warning / info alert types
✅ Zero dependencies
✅ CDN-ready usage
✅ Lightweight and fast

📦 Install via CDN (No setup required)

Just include one script:

<script src="https://cdn.jsdelivr.net/gh/TutorialsAndroid/KAlert@v1.1.1/kalertdialog.js"></script>

That’s it.

No configuration needed.

🚀 Basic Usage Example

Show a success alert:

KAlert.show("Saved successfully!", "success");

Other supported alert types:

success
error
warning
info

Example:

KAlert.show("Something went wrong!", "error");

✅ Confirm Dialog Example (Promise-Based)

Unlike traditional confirm dialogs, KAlert uses a modern Promise API:

KAlert.confirm("Delete this file?")
.then(result => {

if(result){
console.log("User confirmed");
}else{
console.log("User cancelled");
}

});

This makes it easier to integrate into modern JavaScript workflows.

🎨 Alert Types Available

KAlert currently supports:

🟢 success
🔴 error
🟡 warning
🔵 info

Each alert includes animated UI and Font Awesome icons automatically.

💡 Why I Built This Library

Many alert dialog libraries are powerful but often:

• too large
• require configuration
• need multiple imports
• depend on frameworks

KAlert.js focuses on simplicity:

One script.
Instant usage.
Clean UI.

🧪 Live Example

KAlert.show("Welcome to KAlert!", "info");

KAlert.confirm("Continue?")
.then(result => console.log(result));

📂 GitHub Repository

You can check out the project here:

https://github.com/TutorialsAndroid/KAlert

Feedback, suggestions, and contributions are welcome!

🛠 Roadmap

Planned features for upcoming versions:

• custom dialog titles
• input prompt dialogs
• dark mode support
• theme customization
• button text customization

If you’re building frontend projects and want a clean alert dialog alternative without extra setup, give KAlert.js a try.

I’d love to hear your feedback 🙂