前几天分享了一个用deepseek辅助制作的批量照片压缩小程序, 过了几天莫名地火了,很多朋友想了解制作的过程,今天简单分享一下制作以及修改的过程。应粉丝的要求,文末也把源文件一并分享给大家。
请帮我制作一个可以压缩图片大小的网页,输出html代码,要求:页面第一行显示“图片压缩工具”的大标题,第二行显示一个选择照片的选择框和选择按钮,第三行显示一个输入框,可以输入用户期待的压缩目标大小,输入框右边显示单位MB,第四行是一个转换按钮,点击转换按钮后,自动开始按照用户的设定转换图片,要求转换后图片比例不改变,图片大小压缩至用户设定的大小以下,处理完成后自动下载处理完的照片。
这个是一开始的提示词,主要是把需求和界面布局以及功能做了描述。这一步之后生成的程序,其实已经可以正常使用了,最起码它是能满足“压缩单张照片”这个操作需求的。
但是当时我的需求是把图片压缩到100KB以内,用MB作为单位显然不合适,所以我让deepseek做了第一次的修改:
帮我在第三行的选择框前面加上“目标大小:”几个字,输入框后面的单位变成可以选择的下拉选择,选项有“KB"和"MB",另外界面适当做一些美化。
修改完感觉一下子档次都上去了有没有(虽然功能其实没任何变化)?按理说到这里就可以结束了,但是我希望把这个程序设计成一个日后可以通用的小程序,而平时可能会出现多张照片需要同时处理的情况,因此我希望把这个小程序修改成可以批量压缩:
我想实现批量上传和压缩多个图片,你可以帮忙修改代码吗?
批量压缩1.0版本就这样诞生了,但是测试发现这个1.0运行很慢,而且只要超过3张照片,每次都会卡死,实在不配叫1.0,因此我又继续让deepseek进行进一步的优化:
我运行测试后发现,只要图片数量增加,比如5张或者更多,压缩过程就会卡死不动,无法正常进行,请再优化一下代码
deepseek的操作很迷惑,好几次改了javascript代码之后,html框架就乱了,导致页面无法正常显示,但是让它自己检查后,又能纠正过来,所以接下来基本是在这样的细小变化中慢慢提示它修改。
很不幸的是,也就是从这时候开始,deepseek开始进行了漫长的“服务器繁忙”状态,基本是要刷新20分钟左右才会正常一次,仅仅正常回复一次又陷入漫长的“服务器繁忙”状态了,着实让人崩溃。
所以后来我又重新开了新的对话,反复折腾,以至于后面是这样的:
因为新开了对话,所以我直接把前面做好的html文件丢给它,让它帮我在这个基础上进行修改。然后我发现重新打开了一个新的对话之后,它没有继续“原地转圈”了,就好像换了一个程序猿一样,重新去“审视”了这段代码,并且做了一些算法上的优化:
到这里基本就完成了,后续我还让它做了一些修改,但我跟大部分善变的“甲方”一样,最后发现还是这个版本最好,所以我并没有采纳后续的修改结果。
领取专属 10元无门槛券
私享最新 技术干货