🎨 miniPaint：开源HTML5在线图片编辑器即开即用无需安装 PS替代

miniPaint 是一款基于 HTML5 技术的开源在线图片编辑器，浏览器即开即用无需下载安装任何客户端程序。支持图层、滤镜、特效与画笔等 Photoshop 核心功能，所有文件全程本地浏览器处理绝不上传任何服务器，跨平台隐私友好的轻量级 PS 完美替代方案。

🎤 引言

有没有遇到过这种尴尬：临时要改个图，又懒得打开 Photoshop 那么重的软件？在线 PS 工具倒是多，但要么广告满屏，要么必须注册账号，要么把图悄悄传到别人服务器……

直到我翻 GitHub Trending 时撞见了 miniPaint —— 一个 3.4k Stars 的开源在线图片编辑器。打开浏览器就能用，关键 所有处理都在本地完成，文件根本不上传，光是这一条就把市面上 90% 的"在线 PS"打趴下了。

更让人惊喜的是，这玩意儿虽然网页里跑，但功能密度居然能跟桌面版 GIMP 掰手腕：图层、滤镜、特效、画笔工具一应俱全。下面就来看看这个 HTML5 写的轻量级 PS 替代，到底强在哪。

⭐ 核心功能

📂 文件支持（够用就行）

打开方式：本地图片、目录、URL、Data URL、拖拽上传、剪贴板粘贴（Ctrl+V）
保存格式：PNG、JPG、BMP、WEBP、动态 GIF、TIFF、JSON（图层数据）、打印
特色：可以把当前编辑状态保存为 JSON，下次接着改，类似 Photoshop 的 .psd 文件

🎨 图层系统（PS 灵魂）

多图层编辑
图层差异对比、合并、扁平化
透明度支持
隐藏/显示/锁定

✨ 滤镜与特效（数量爆炸）

内置滤镜 30+ 种，覆盖日常 90% 场景：

基础调整：黑白、模糊（高斯/方框/堆栈/缩放）、凸起/挤压、降噪、去色、抖动
艺术效果：油画、铅笔、复古、蓝图、夜视、马赛克、晕影、热力图
Instagram 滤镜：1977、Aden、Clarendon、Gingham、Inkwell、Lo-Fi、Toaster、Valencia、X-Pro II（装文艺神器）
图像调整：亮度、对比度、色相、饱和度、亮度、自动色彩校正、网格、直方图、负片

🖌️ 工具栏（PS 该有的都有）

铅笔、画笔、魔法棒、橡皮、油漆桶、颜色选择器、文字、裁剪、模糊、锐化、去色、克隆、边框、精灵图、关键点、颜色缩放、改色、恢复透明度、内容填充……30+ 工具随便挑。

🌐 跨平台 & 隐私

支持 Chrome / Firefox / Opera / Edge / Safari / Yandex 全系浏览器
MIT 协议开源免费
零上传：所有图像处理在浏览器本地完成（纯前端 JS 实现）
无广告、无需注册、无需登录

📥 安装使用

方式 1：在线使用（最简单，推荐）

直接打开官方 Demo：

🌐 https://viliusle.github.io/miniPaint/

打开就能用，连注册都不需要。第一次打开可能稍慢（要加载 JS 资源），之后浏览器会缓存，越来越快。

方式 2：嵌入到自己的网站

如果想在博客或工具站里集成 miniPaint，加一段 iframe 就行：

<iframe style="box-sizing:border-box; width:100%; height:100vh;"
        id="miniPaint"
        src="https://viliusle.github.io/miniPaint/"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        allowfullscreen>
</iframe>

方式 3：本地自部署（适合隐私洁癖）

克隆仓库到本地，自己用 Nginx 起一个静态站点：

git clone https://github.com/viliusle/miniPaint.git
cd miniPaint
# 直接用浏览器打开 index.html 也能跑
# 或者用任意静态服务器托管 dist 目录

如果是 Docker 一把梭：

docker run -d -p 8080:80 \
  --name minipaint \
  --restart unless-stopped \
  nginx:alpine \
  sh -c "mkdir -p /usr/share/nginx/html && \
         wget -qO- https://github.com/viliusle/miniPaint/archive/refs/heads/master.tar.gz | \
         tar xz --strip-components=1 -C /usr/share/nginx/html"

方式 4：从源码构建（开发者向）

git clone https://github.com/viliusle/miniPaint.git
cd miniPaint
npm install
npm run build
# 产物在 dist/ 目录

完整 Wiki：https://github.com/viliusle/miniPaint/wiki

🎯 适用场景

✅ 推荐用 miniPaint 的场景

临时改图：朋友发来截图要加个标注、裁个尺寸、换个背景色
隐私敏感内容：截图包含个人信息，不想经过任何第三方服务器
轻量设计需求：海报配图、社交媒体图片、博客插图
网课/教程演示：数学老师要画个示意图、程序员要标红代码段
快速抠图/去背景：虽然精度不如 PS，但胜在快
没有 PS 权限的公司电脑：浏览器谁都能开

❌ 不建议用的场景

专业印刷级图像处理（色彩管理、HDR 不支持）
大型 RAW 文件编辑（性能跟不上）
AI 抠图/超分/扩图（功能不在 miniPaint 范畴）
需要 PS 插件生态的复杂工作流

🔍 对比/替代方案

工具	类型	大小	隐私	上手难度	适合场景
miniPaint	浏览器/前端	< 5MB	✅ 本地处理	⭐⭐ 简单	轻量临时改图
Photopea	浏览器	~20MB	❌ 上传服务器	⭐⭐⭐ 中等	PS 重度替代
GIMP	桌面	200MB+	✅ 完全本地	⭐⭐⭐⭐ 较难	专业免费图像处理
Paint.NET	桌面/Windows	50MB	✅ 本地	⭐⭐⭐ 中等	Windows 经典
Photoshop	桌面/付费	2GB+	✅ 本地	⭐⭐⭐⭐⭐ 难	专业设计

miniPaint vs Photopea（最常被拿来比）：miniPaint 更轻量、隐私更强（不上传）；Photopea 功能更接近 PS，但首次打开要把图传到他们的服务器。

miniPaint vs GIMP：miniPaint 不用安装，浏览器即开即用；GIMP 功能更全但学习曲线陡。

⚠️ 注意事项

首次加载稍慢：miniPaint 是纯 JS 实现，整个工具包要下载到浏览器，首次打开约 3-10 秒，之后会被 Service Worker 缓存
大文件性能：超过 4000x4000 像素的图片建议在桌面端处理，移动浏览器可能卡顿
浏览器兼容：Safari 和某些小众浏览器可能存在边缘 bug，Chrome / Firefox 体验最佳
保存为 JSON：很多人不知道可以保存图层数据为 JSON，下次打开直接继续编辑，这是 PS 用户的核心痛点
GitHub Issue 有 43 个未解决：大多是边缘 bug 和功能建议，活跃度还行，最近 commit 较频繁
不要在公共电脑保存敏感图片：虽然处理本地完成，但缓存可能留在浏览器

✅ 总结

miniPaint 不是一个功能压过 PS 的"替代品"，而是一个 解决"快速改图不折腾"这个核心痛点 的工具。它最大的价值是：

🎯 零门槛：浏览器打开就能用
🔒 真隐私：本地处理，不上传
🆓 完全免费：MIT 协议，源代码随便改
🪶 超轻量：核心代码不到 5MB，比一张照片还小

推荐指数：⭐⭐⭐⭐（4/5）

适合人群：程序员、博主、学生、需要快速改图的所有人；尤其是 对隐私敏感、不想用 Photopea 又嫌 PS 太重 的用户。

不推荐人群：专业设计师、需要 RAW/HDR 处理、要发印刷品的用户。

🔗 项目地址：https://github.com/viliusle/miniPaint
🌐 在线 Demo：https://viliusle.github.io/miniPaint/
📜 协议：MIT License