事情是这样的。
上周六晚上十一点,我坐在电脑前跟一张图片较劲。我要把一张 8MB 的产品图压缩到 500KB 以内,放到网站上用。
我上网搜了一个在线压缩网站,上传,等了快一分钟,下载下来一看根本没什么变化。换了一个,说要注册又要花钱。再换一个,压缩完图片变了颜色。
那天晚上我关掉电脑的时候就在想:这东西为什么这么难用?
然后我就做了「图片处理百宝箱」。五个功能:格式转换、裁切、调尺寸、加水印、压缩图片。打开网页,拖进图片,处理完下载走人。不注册,不上传,免费。
重点来了——我不会写代码。
我本来以为做一个图片工具至少要学几个月的编程。HTML 是什么?CSS 要学多久?JavaScript 跟 Java 是不是一个东西?——这些我到现在也没完全搞明白。
但我不需要搞明白。
想法:从"我想要什么"开始
很多人问我,创业灵感怎么找?我说别找灵感,先找麻烦。
我自己遇到的麻烦就是:处理图片太麻烦了。
我想要一个工具,满足三个条件:
- 打开网页就能用,不用下载软件
- 图片不上传到别人的服务器
- 处理速度快,别让我等
就这么简单。我自己想要的东西,我相信别人也想要。
跟 AI 说人话
需求明确了,接下来就是跟 AI 说要做什么。
我打开 Claude,写了这么一段话:
我想做一个网页工具,能处理图片,不要后端服务器,所有处理都在浏览器里完成。
需要五个功能:
1. 格式转换——JPG、PNG、WebP 互相转
2. 裁切图片——能自由画框裁,也能选固定比例比如 1:1、16:9 这些
3. 调整尺寸——输入宽高就行
4. 加水印——能加文字也能加 Logo 图
5. 压缩图片——能看到压缩了多少
界面要干净,操作要简单。用户上传一张图,选功能,处理完直接下载。
就这些。没有技术术语,没有架构设计,就是大白话。
AI 回复很快。它给了我一个完整方案:纯前端,用 HTML+CSS+JavaScript 做,图片处理用 Canvas API,PNG 压缩用 UPNG.js 库。
然后它就开始写代码了。
我看着屏幕上代码一行一行跳出来,心里想的是:原来写代码这件事,我根本不用学啊。
修修补补才是常态
第一次版本出来,我兴奋地把代码保存成 HTML 文件,双击打开。
能跑!
但用起来就发现问题了。
PNG 压缩的时候,我拖动质量滑块,页面直接卡住了。鼠标动不了,等了五六秒才缓过来。我又试了一下裁切功能,发现裁切框的位置偏了,明明点的中间,框却跑到了右上角。
这时候我就得跟 AI 反馈问题了。
我说:"调整 PNG 压缩质量的时候,页面卡住了,鼠标都动不了,能不能让它不卡?"
AI 秒回:因为 PNG 压缩计算量太大,在主线程跑会卡住界面,改用 Web Worker 放到后台线程就好了。
然后它改了一百多行代码,加了后台线程处理。我再试,这次拖动滑块不卡了。
接着说裁切的问题:"裁切框的位置不对,我点中间它往右上偏。"
AI 一看就明白了:画布在屏幕上显示的大小跟实际像素尺寸不一样,坐标换算出了问题。改了几行代码,好了。
这个过程就像你跟一个懂技术的朋友合作。你告诉他哪里不对,他帮你修。只不过这个朋友回复速度快,而且不会觉得你烦。
来来回回改了大概十几轮,功能越来越完善,体验也越来越好。

上线:比想象中还简单
代码写完了,怎么让别人看到?
因为这个工具不需要后端,只有一个 HTML 文件和几个 JS 文件,所以部署特别简单。
我在 GitHub 上创建了一个仓库,把文件传上去,然后在设置里点了一下"打开 Pages"。完事。
从注册账号到网站能访问,大概半小时。免费域名是 username.github.io,也能自己买个域名绑上去。
我打开那个网址,看到自己做的工具跑在互联网上,任何人都能访问。那种感觉——怎么说呢,有点像小时候搭积木搭成了一座桥。
回头看:AI 编程到底有多简单?
说实话,不是所有项目都能这么轻松搞定。
我这个工具不涉及数据库、用户登录、在线支付这些复杂的东西。如果要做社交 App 或者电商网站,难度会高不少。
但做小工具这条路,确实比以前容易太多了。
我以前以为做一个网站工具得学几个月的编程。现在回头看看,真正需要学的是怎么跟 AI 说清楚你想要什么。
你得会描述问题。"点了按钮没反应""压缩完之后糊了""裁切框位置偏了"——这种描述就够了。不需要知道什么"事件监听器""压缩算法""坐标变换矩阵"。
AI 能听懂人话。你只需要说人话。
有一次我改了个功能,结果界面完全乱了,按钮跑到了图片上面。我跟 AI 说:"界面乱了,按钮跑到图片上面去了。"
它一看代码就找到了问题:CSS 的 flex 布局写反了方向。改了三个字母,好了。
我在旁边看着,心想:这要是我自己查文档,起码得学半天 flex 布局是怎么回事。
如果你也想试试
几个建议,是我踩了坑之后总结的:
- 从小功能开始。别上来就想做"全能图片编辑器",先做"压缩图片"。做出来了再加功能。一上来就想做大的,很容易半途而废。
- 跟 AI 说人话。不要用技术术语,就描述你想要的效果。"我想上传一张图然后把它变小"就够了。
- 遇到问题说现象,不要说猜测。不要说"是不是 JavaScript 出错了",说"点了按钮没反应"。AI 比你擅长定位问题。
- 先做能用的,再做好看的。第一版界面丑一点没关系,功能能用就行。后面再慢慢调样式。
- 部署越简单越好。纯前端项目放 GitHub Pages 就行,不需要买服务器,不需要配置环境。
整个过程比我想象的轻松太多。
两周时间,跟 AI 聊了十几轮,一个完整的图片工具就上线了。不是我有多厉害,是现在的 AI 真的能做到——你说什么,它就做什么。
你不需要会写代码。你只需要知道自己想要什么,然后把想法说清楚。
就这么简单。
在线体验:图片处理百宝箱
支持格式:JPG、PNG、WebP、BMP、GIF
最大文件:20MB
纯浏览器端处理,不上传服务器