Eraser Tools

為什麼做這個？

工作上偶爾需要一些「做一件事」的小工具：壓縮圖片、轉換顏色格式、快速錄個畫面。大多數線上工具不是充斥廣告，就是要求上傳到他們的伺服器。我想要的是：打開就能用、資料不離開瀏覽器、速度快。

於是從一兩個工具開始，慢慢累積成現在這個樣子。

工具列表

目前涵蓋幾個主要類別：

• 圖片工具：背景移除、GIF 製作、圖片壓縮、EXIF 清除、圖片比對、全景轉換
• 設計工具：色彩轉換（HEX/RGB/HSL/OKLCH）、顏色漸層產生器、網頁截圖
• 開發工具：JSON 格式化、Base64、JWT 解碼、Cron 解析、RegEx 測試
• 實用工具：螢幕錄製、P2P 傳檔、Markdown 編輯器、Pomodoro 計時器

技術架構

前端：Nuxt 3（SSG 模式）、Vue 3 Composition API、TypeScript、Nuxt UI、Tailwind CSS

國際化：支援繁體中文、簡體中文、英文、日文

部署：GitHub Actions 自動建置 → GitHub Pages

設計原則

• 純前端運算：所有工具在客戶端執行，圖片、影片等資料不上傳伺服器
• 漸進式 PWA：離線可用，可加入主畫面
• 廣告歸廣告：只有版面明確標示的 AdSense 位置，沒有追蹤腳本混進工具邏輯

心得

這個網站本身就是一個持續進行的實驗。每加一個工具，都是在解決「自己真的遇到的問題」——而不是為了湊數字。目前工具數量已超過 30 個，每一個都有對應的使用場景。

最有成就感的部分，是看到 P2P 傳檔功能完成後：真的可以在兩台電腦之間直接傳檔案，完全沒有中間伺服器。瀏覽器能做到的事情，還比大多數人想的多。