基于浏览器的图片处理有多私密？
了解客户端的含义、ImageSizr如何将图片保留在你的设备上，以及如何自行验证。
阅读隐私政策简介
当你把图片上传到免费在线工具时，它究竟去了哪里？对于大多数基于服务器的编辑器，答案是：发送到一台你无法控制的远程计算机。而基于浏览器的处理则完全颠覆了这一模式。
每天有数百万张图片通过在线工具处理。其中许多是机密内容——个人照片、未发布的产品图片、法律文件、医疗影像。用户需要了解将文件上传到服务器的工具与在浏览器中本地处理一切的工具之间的区别。
本文解释了客户端图片处理背后的技术架构，说明使用ImageSizr时哪些数据（如果有的话）会离开你的设备，并展示如何使用浏览器开发者工具自行验证这些声明。
服务器端处理 vs 客户端处理
大多数在线图片编辑器采用服务器端模式。你上传文件，远程服务器执行操作——调整大小、压缩、裁剪——然后将结果发回。在这个往返过程中，你的图片存在于他人的基础设施上。会话结束后，图片可能被缓存、记录或保留。
客户端处理的工作方式不同。所有计算都使用HTML5 Canvas API和Web Workers等JavaScript API直接在浏览器中完成。图片数据保留在浏览器内存中，不会通过网络传输。处理结果生成为Blob URL并直接提供下载——无需与服务器往返。
| 属性 | 服务器端工具 | 客户端工具（ImageSizr） |
|---|---|---|
| 图片离开设备？ | 是——上传到远程服务器 | 否——保留在浏览器内存中 |
| 处理位置 | 远程服务器 | 用户浏览器（Canvas API） |
| 数据保留风险 | 图片可能被缓存或记录 | 无服务器存储；数据仅存在于内存中 |
| 速度 | 取决于上传/下载带宽 | 对于常规文件大小几乎即时 |
| 文件大小限制 | 通常限制更高 | 受浏览器能力限制（每个文件10 MB） |
关键点在于，"客户端"不仅仅意味着"快"——而是意味着图片在物理上从未离开设备。
浏览器如何处理图片
现代浏览器内置了强大的图片操作能力，无需插件或服务器通信。以下是ImageSizr如何利用这些能力的：
- HTML5 Canvas API——允许完全用JavaScript进行像素级图片操作。调整大小或裁剪时，canvas元素以新尺寸绘制图片并导出为文件。
- browser-image-compression库——在无需服务器调用的情况下处理质量降低和格式转换。当你压缩图片时，这个库会在浏览器内按你选择的质量级别重新编码。
- CropperJS——提供在本地canvas元素上渲染的交互式裁剪区域。你拖动选择区域，裁剪结果在本地生成。
- Zustand状态管理——使用每个工具（调整大小、裁剪、压缩、旋转、翻转）的专用存储将图片数据存储在浏览器内存中，而不是外部数据库中。
处理结果转换为可下载的Blob URL。点击"下载"时，文件直接从浏览器内存保存到本地磁盘。编辑过程的任何阶段都没有服务器参与。有关客户端工作流的实际示例，请参阅压缩图片实现更快网页加载指南。
ImageSizr具体做什么（和不做什么）
ImageSizr上的所有调整大小、裁剪、压缩、旋转和翻转操作都使用Canvas API和browser-image-compression库在客户端执行。该网站没有图片存储基础设施。没有用户图片数据库，没有服务器端处理队列，也没有临时文件缓存。
| 操作 | 数据离开设备？ | 详情 |
|---|---|---|
| 调整大小、裁剪、压缩、旋转、翻转 | 否 | 通过Canvas API完全在浏览器内处理 |
| 拖放/文件浏览器上传 | 否 | 文件仅读入浏览器内存 |
| 剪贴板粘贴 | 否 | 图片数据或URL在本地读取 |
| URL导入 | 仅获取 | 服务器端API路由获取文件；图片不被存储 |
| Google Drive / Dropbox / OneDrive导入 | 仅获取 | 服务器端API路由获取文件；图片不被存储 |
唯一的例外涉及云导入。URL、Google Drive、Dropbox和OneDrive的导入路径使用/api/import/*下的服务器端API路由从外部源获取文件。获取后，图片被传送到浏览器，后续所有处理都在本地进行。获取的文件不会存储在服务器上。
分析工具（Google Analytics 4）跟踪页面浏览量和交互，而非图片内容。广告（Google AdSense）由Google网络提供，不与上传的图片交互。完整的法律细节请阅读隐私政策或访问关于ImageSizr。
如何自行验证客户端处理
你不必只听我们的说法。任何用户都可以确认ImageSizr在本地操作期间不会上传图片数据：
- 打开开发者工具。在浏览器中按F12（Windows/Linux）或Cmd+Option+I（Mac）。
- 切换到"网络"选项卡。此面板显示页面发出的每个网络请求。
- 上传图片，使用拖放或文件浏览器。执行编辑——调整大小、裁剪、压缩、旋转或翻转——然后下载结果。
- 按请求大小或类型筛选。查找包含图片数据的大型出站请求。在本地操作期间你不会发现任何此类请求。
你会看到页面资源（JavaScript、CSS、字体）的请求、分析ping和广告网络调用——但它们都不包含你的图片。唯一的例外是云导入：如果你使用URL、Google Drive、Dropbox或OneDrive导入，你会看到一个发往/api/import/*端点的获取请求。这是图片数据经过服务器的唯一时刻，且文件不会被保留。
总结
基于浏览器的图片处理从根本上比基于服务器的替代方案更加私密，因为你的图片从未离开你的设备。ImageSizr利用Canvas API、browser-image-compression和CropperJS在本地执行所有编辑。涉及图片数据的唯一网络活动发生在云导入期间，即使如此，文件也只是被获取一次且不会被保留。
无论你是在调整机密文档的大小、裁剪个人照片，还是压缩产品图片，客户端处理都确保你的数据留在它应该在的地方——你的设备上。
常见问题
我的图片会上传到服务器吗？
不会。所有处理都直接在你的浏览器中完成。你的图片永远不会离开你的设备，因此数据隐私得到保障。
如何上传图片？
你可以将文件拖放到上传区域，点击"浏览"选择文件，从剪贴板粘贴（Ctrl/Cmd+V），从URL导入，或连接Google Drive、Dropbox或OneDrive。
ImageSizr是免费的吗？
是的。ImageSizr完全免费，无需账号或注册。