文末有开源仓库地址,欢迎 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…
本文作者:秋云
转载请注明出处