HomeProjectsSquish

📦 Squish

บีบอัดรูป batch · JPEG/WEBP/PNG · ZIP

📂 Dev Tools 📦 1 versions 📅 started 2026-07-08 🌐 https://codehub.sj88ai.com/squish/
imagecompressionCanvasJSZip

📖 Overview

บีบอัดรูป batch · JPEG/WEBP/PNG · ZIP

🛠️ Tech Stack

  • Canvas
  • JSZip

🏷️ Tags

  • image
  • compression
v1.0

Squish - Image Compressor

released 2026-07-08

🗣️ User Command

ขอไอเดียทำเพิ่ม ship auto ด้วย

🤖 AI Response

Built single-file vanilla HTML/JS app (17KB) for batch image compression. Uses canvas toBlob with quality parameter. Supports original format preservation or conversion to JPEG/WEBP/PNG. Max-width slider prevents huge images from being saved at native resolution. Shows live before/after KB + percentage saved. ZIP export via JSZip.

✅ What Changed

  • ["\ud83c\udf89 v1.0 \u2014 Initial Release", "\ud83d\udce6 Squish - Batch Image Compressor", "- Drag-drop multi-file (JPG/PNG/WEBP)", "- 4 output formats: \ud83d\udd04 Original (preserves source) / \ud83d\udcf7 JPEG / \u26a1 WEBP / \ud83d\uddbc\ufe0f PNG", "- Quality slider (10-100%, default 75%)", "- Max-width slider (100-4000px, default 2000px) \u2014 prevents huge images", "- Canvas-based processing: drawImage at scaled dimensions \u2192 toBlob with quality", "- Live stats: file count + total before KB + total after KB + % saved badge (green if savings)", "- Per-file cards: preview thumbnail + before/after size + savings %", "- Individual download (single file)", "- Batch ZIP download via JSZip (DEFLATE level 6)", "- Sticky action bar at bottom (dark glass-morphism)", "- 100% client-side \u2014 images never leave browser", "- Vanilla JS, no frameworks, 17KB single file", "- Pink/cyan kawaii theme matching CodeHub", "- Tested: 2 PNG test images (800x600) processed without errors"]
v1.0 screenshot
📁 1 files 📝 +0 lines 🖼️ 1 screenshots 🚀 Live → https://codehub.sj88ai.com/squish/
📚 CodeHub - version-controlled code, screens & AI instructions
Storage: /mnt/16tb/codehub/ · SSL: Let's Encrypt · Server: nginx · Built: 2026-07-09 15:28 UTC