IMAGE TOOLS & FIELD NOTES
把图片，
处理到刚刚好。
裁掉多余边缘，调好尺寸，添上一句文字。
完整图片编辑器、轻量尺寸工具，以及能下载原图与成品的处理实测，帮你判断每一步的取舍。
无需注册 · 本地图片在浏览器内编辑 · 了解数据处理方式
THE PRACTICAL GUIDE
先解决眼前这个问题。
从真实使用场景出发，每篇都包含步骤、检查方法与常见误区。
把图片缩小一半，怎样保留正确比例？
用 1600 × 1000 的示例图，区分缩放、画布大小和显示倍率，避免拉伸与重复压缩。
5 分钟02
裁剪图片：留下主体，去掉多余边缘
从框选到应用裁剪，掌握实际保留范围，并避免把重要文字和主体切掉。
4 分钟03
给图片加文字，先处理可读性
认识 Text 工具的字体、字号和描边选项，用少量文字完成清晰的图片标注。
5 分钟04
PNG 还是 JPEG？按图片用途选择导出格式
照片、截图和透明素材的导出选择，以及文件名、像素尺寸和实际下载结果的检查方法。
6 分钟05
画布大小与图片缩放，有什么区别？
需要四周留白、修改成品边界时使用 Canvas Size；需要让内容一起变大变小时使用 Resize。
5 分钟
TESTED / 2026.11.05
同一张图，看看处理后的差别。
原创输入、明确参数、可下载成品。数字来自实际导出，每篇都说明测量边界。
一张含小字的配图，缩尺寸和换 JPEG 到底省多少？
同一张 1440 × 900 原创界面示意图，实测两种尺寸、三组编码结果，下载成品对照文字和细线。
含可下载成品02
透明 PNG 变白底：先分清预览底色与真正的背景
同一枚半透明图形，放在两种底色上预览，再导出白底和深底 JPEG，检查 alpha 通道与边缘。
含可下载成品03
横图做正方形头像：为什么先裁剪，再缩放？
用主体偏左的原创插画比较直接拉伸、中心裁剪和主体裁剪，三份 400 × 400 成品可下载。
含可下载成品
- 打开你要处理的图片
进入编辑器，选择 File → Open。先用练习图熟悉界面，重要原图留好备份。
- 每次解决一个问题
先裁剪和调整尺寸，再添加文字。分清画布、图层与缩放，避免相互影响。
- 导出以后重新打开
通过 File → Export 下载，检查成品尺寸、文字、透明背景与文件大小。
WHAT IT IS GOOD AT
适合日常配图的小修改。
文章配图、截图裁边、尺寸调整、简单文字标注和透明素材整理，都可以从本站的浏览器编辑器开始。教程保留英文菜单名称，便于你在界面里逐一找到。
了解本站与编辑器来源 →开始之前，也知道边界。
- 大型、多图层文件会占用较多内存，桌面浏览器更适合精细编辑。
- 不是所有专业图片或设计文件都能完整兼容，重要文件先用副本测试。
- 放大低分辨率图片无法恢复缺失细节；导出图片也不等于保存可编辑项目。
- 本地编辑不代表网站访问没有网络请求，详情见隐私政策。
BEFORE YOU START
几个常见问题
需要安装软件或创建账号吗？
不需要。用支持 JavaScript 和 Canvas 的浏览器即可打开编辑器。首次加载需要下载编辑器程序；禁用 JavaScript 时仍能阅读本站教程。
编辑器为什么是英文菜单？
目前保留了原有编辑器界面。教程同时标出英文按钮和中文解释，例如 Image → Resize 是图片缩放，File → Export 是文件导出。
关闭页面会自动保存吗？
不要依赖关闭页面后能恢复。编辑期间可能使用浏览器本地存储保存设置和历史，但它不能替代备份。完成重要步骤后，主动导出文件。
发现教程步骤或功能有问题怎么办？
请通过联系页面反馈。附上教程链接、浏览器版本与可复现步骤即可，不必发送私人原图。