平时经常需要批量对图片进行处理,一直没有找到一个称手的工具,今天就用cursor写了个图片批量处理的小工具。
软件开发
起手指令:
这是一个wails项目,后端使用go,前端使用vue3,element-plus# 项目名称图片批量处理工具## 功能- 图片批量格式转换 - 选择图片文件夹 - 选择要转换成什么格式(jpg/png) - jpg 质量 - 选择要输出的位置 - 开始转换 - 转换进度- 图片批量调整尺寸 - 设置目标尺寸 - 设置要输出的位置 - 设置要输出的格式(jpg/png) - jpg 质量 - 添加图片 - 移除图片 - 开始调整 - 调整进度## 界面- 菜单栏- 页面 - 图片格式转换 - 图片调整尺寸## 菜单栏- 图片格式转换- 图片调整尺寸## 代码要求- 代码要注释## 目录结构- frontend // 前端 - src - components //组件 - pages // 页面 - router - stores - utils - assets - App.vue - main.ts - main.go- app.go
中间经过不断的调整,最终成品展示:
再写个宣发页面
想着把这个软件放出去给大家用,于是就让cursor再给写一个用于宣发下载的页面。
为这个软件生成一个宣传的静态页面,页面上要提供下载地址。软件的两个功能的截图放在web\images下了生成的宣传页放到web\index.html网页使用html+tailwind css ,[#设计风格]优雅的极简主义美学与功能的完美平衡;- 恰到好处的留白设计;- 细腻的微交互;- 舒适的视觉比例;- 响应式设计- 支持内容区域自适应- 移动端优先考虑核心功能展示[#技术规格]- 简洁的html结构- 图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框)- 图片: 使用开源图片网站unsplash链接的形式引入- 样式必须引入 tailwindcss CDN来完成
效果如下:
体验地址
只支持window10,11。64位
http://image-toolbox.app.yesiming.com/