我开发了一款完全免费的图片处理小程序,代码已开源,所有功能都在本地完成,超安全!(2026年挑战每月一个全栈项目02)

0 阅读4分钟

文末有开源仓库地址,欢迎 Star 🌟


前言

大家好,我是秋云。

最近开发了一款微信小程序**「秋云轻图」**,主打图片处理功能。和市面上其他工具不同的是,所有处理都在你的手机上完成,图片不会上传到任何服务器,真正做到隐私安全。

而且,这款小程序是完全开源的,基于 MIT 协议,代码已经托管在 GitHub 上,欢迎大家围观、提建议、甚至参与开发!

图片


为什么开发这个小程序?

平时工作中经常需要处理图片:压缩一下发给客户、调整尺寸适配不同平台、加个水印防止盗图……

但市面上的工具要么需要下载 App,要么需要上传图片到服务器处理。上传图片这件事,总让人觉得不太安心——我的图片会被保存吗?会被拿去做什么?

作为一个程序员,我想:为什么不能做一个完全本地处理的小程序呢?

于是,「秋云轻图」诞生了。


核心亮点

🔒 完全本地处理,隐私零担忧

所有图片处理都在你的手机上完成,不需要网络权限,不需要上传图片,处理完直接保存到相册。你的图片,只属于你。

⚡ 极简设计,即用即走

没有繁琐的注册登录,没有讨厌的广告弹窗,打开就能用,用完就走。这才是小程序该有的样子。

图片

🎨 功能丰富,一站式解决

目前支持 10 大功能,覆盖日常图片处理的绝大部分场景:

基础功能(6个)

  • • 图片压缩:质量自由调节,极速/均衡/高清三档预设

  • • 尺寸调整:等比缩放或指定尺寸,内置常用预设(1寸照、朋友圈、微博等)

  • • 格式转换:支持多种图片格式转为JPG/PNG

  • • 滤镜美化:20+ 滤镜效果,支持强度调节

  • • 添加水印:文字水印,9个位置可选,透明度自由调节

  • • 拼图拼接:支持 2-9 张图片,多种布局可选

高级功能(4个)

  • • 图片裁剪:自由裁剪,四角拖拽调整

  • • 旋转翻转:90度旋转,水平/垂直翻转

  • • 图片标注:画笔涂鸦,橡皮擦,多种颜色可选

  • • 图片取色:点击获取任意位置颜色,支持 HEX/RGB/HSL 格式


功能详解

1. 图片压缩

很多时候我们需要把图片压缩小一点,方便发送或上传。

图片

秋云轻图提供三档预设:

  • • 极速(30%):文件最小,适合快速分享

  • • 均衡(60%):平衡质量和大小

  • • 高清(85%):质量优先

也可以手动拖动滑块,30%-100% 自由调节。压缩效果实时预览,节省空间一目了然。

2. 图片取色

设计师必备功能!

图片

看到一张图里的颜色很喜欢?打开取色功能,点击对应位置,就能获取准确的颜色值。支持 HEX、RGB、HSL 三种格式,一键复制,直接用到你的设计里。

还有放大镜效果,取色更精准。

3. 图片标注

截图做标注、给图片画重点、简单涂鸦……

图片

支持画笔和橡皮擦,可调节画笔粗细和颜色。处理完后直接保存,方便又快捷。


技术实现

技术栈

  • • 框架:微信小程序原生框架

  • • 语言:TypeScript(类型安全,开发体验好)

  • • 样式:CSS3 + CSS Variables(现代设计系统)

  • • 图片处理:Canvas 2D API(高性能本地处理)

设计特点

采用了现代极简风格的设计语言:

  • • 主色调使用清新的绿色(#41bc3f

  • • 大圆角设计,视觉更柔和

  • • 充足的留白,界面不拥挤

  • • 细腻的阴影和过渡动画

代码架构

项目采用组件化架构,高度复用:

  • • 公共组件:图片预览、操作按钮组、格式选择器等

  • • 工具函数:统一封装图片处理、文件操作、历史记录等

  • • 类型定义:完整的 TypeScript 类型支持


开源地址

GitHub 仓库github.com/qiuqyCN/qiu…

项目基于 MIT 协议 开源,你可以:

  • • ✅ 自由使用代码

  • • ✅ 修改和定制

  • • ✅ 用于商业项目

  • • ✅ 分发和再发布

只需要保留版权声明即可。

欢迎参与

如果你对小程序开发感兴趣,欢迎:

  • • 🌟 给仓库点个 Star,支持一下

  • • 🐛 提交 Issue,反馈问题或建议

  • • 🔧 提交代码,一起完善功能


使用方式

方式一:微信搜索

打开微信 → 发现 → 小程序 → 搜索「秋云轻图

方式二:扫码体验

图片


写在最后

开发这个小程序花了我不少业余时间,但看到它能真正帮到大家,感觉一切都值得。

隐私保护不应该是奢侈品,而应该是标配。

希望秋云轻图能成为你手机里的实用小工具。如果有任何建议,欢迎通过 GitHub 或公众号留言告诉我。


开源不易,如果对你有帮助,记得点个 Star ⭐

GitHub:github.com/qiuqyCN/qiu…


本文作者:秋云

转载请注明出处