先把问题解决
本例原文件的编码尺寸是240×160,方向标签为6;按该标签顺时针转90度后,归一化副本应是160×240,上排为绿色C、红色A,下排为黄色D、蓝色B。尺寸与四角同时符合,才通过这个样本的方向检查;它不证明所有浏览器、照片或元数据都已验收。
先判断:变的是显示方式,还是文件里的像素?
同一个JPEG可以携带像素阵列和方向提示。支持方向提示的软件按提示显示,另一个处理环节若只读取编码像素,就可能显示成不同方向。不要先连续点击旋转,先确认哪一个版本是要交付的原件。
MDN的createImageBitmap说明列出默认的from-image方向处理;本站元数据清理入口也使用这条解码路径,再绘到画布重新导出。这是实现依据,不能替代对你下载文件的观察。
| 动作 | 实际改变 | 交付前要检查 |
|---|---|---|
| 在网页中旋转预览 | 当前页面的显示 | 不能据此判断下载文件是否已改变 |
| 仅移除原方向标签 | 移除一条显示提示 | 原始横向像素可能仍在 |
| 按正确方向解码后重新编码 | 新的像素排列与尺寸 | 重新打开文件,并比较标记位置 |
一张原图与两个副本,足以复现差异
本文练习包是本站原创的彩色方块与字母,不是真实客户照片。取得orientation-6-original.jpg、tag-removed-without-pixel-rotation.jpg和normalized-reference.jpg;先保留三个文件名,别在同一路径反复覆盖。
原始编码画面上排为红色A、蓝色B,下排为绿色C、黄色D。原图的方向标签为6。第二份对照只去掉标签,没有进行像素转向,因此仍是240×160;第三份参考副本完成转向,成为160×240。
CSS的image-orientation说明解释了网页显示也可以应用EXIF方向,并与额外的CSS变换分开处理。因此,一个网页里看着已经竖直,不足以证明原始像素已经改成竖向。
这里以色块和字母身份确认角落位置;旋转整个像素阵列时,字形也会一起旋转。真实照片的EXIF标签本身也可能错误,应由人确认人物和场景预期方向,不能把“按标签处理”当作所有照片都正确。
同一输入,比较两条交付路线
编码240×160;Orientation=6;编码上排A/B,下排C/D。
归一化160×240;新的上排C/A,下排D/B。
先处理一张,按结果决定是否扩大批次
打开图片元数据清理,只选择orientation-6-original.jpg。确认是原图,而不是已经删掉方向标签的故障对照。
选择“清理元数据”,等待生成结果,再点击对应文件的“下载”。本例生成的名称应带-clean,避免与原件混淆。不要把清理按钮已经点击或下载提示已经出现,当成文件验收完成。
- 检查结果区显示的宽高是否为160×240。
- 从浏览器下载记录打开实际文件,核对绿色C和红色A位于上方,黄色D和蓝色B位于下方。
- 把新文件重新拖入一个能显示图片的程序,确认它仍呈相同方向。
- 在真正要接收图片的平台用非敏感小样检查一次;平台可能还会缩放、裁切或重新编码。
验收要同时保留尺寸、位置与文件身份
练习的正确答案是一个条件集合,不是“图片能打开”。拿练习包的参考副本比较时,应比较方向和标记;JPEG重新编码可能改变字节与边缘颜色,不能要求两个文件的SHA-256或每个像素完全相等。
| 检查项 | 应看到什么 | 失败说明 |
|---|---|---|
| 输出宽高 | 160×240 | 240×160提示可能用了故障对照或未写入方向 |
| 左上与右上 | 绿色C、红色A | 若仍是A/B,先回查输入版本 |
| 左下与右下 | 黄色D、蓝色B | 若左右相反,检查是否另做了镜像 |
| 像素总数 | 38400 | 更改尺寸是另一个处理动作 |
| 重新打开 | 不依赖原方向标签仍保持相同画面 | 继续定位接收程序的处理,不要覆盖原件 |
方向不对时,先回到最后一份可解释的输入
若只删标签的240×160对照已经丢掉方向信息,清理器无法猜测你希望人物朝哪边。保留原件,优先重新读取带标签的版本。确实只剩故障副本时,先由人确认正确方向,再做一次明确的像素旋转。
如果文字反了,问题可能是镜像而非旋转;用镜像与旋转的文字标记检查分别诊断。不要靠多做几次90度旋转去碰运气。
停止扩大批次的条件
- 四角位置对不上,或不能说明哪一个文件是原图。
- 在不同软件中仍出现不一致,尚未确认是输入标签还是接收端变换。
- 需要保留动画、RAW或特定色彩工作流;当前清理入口只面向静态JPG、PNG、WebP。
方向通过后,再做隐私和交付检查
这里的归一化只解决方向依赖。元数据清理会重新编码,体积可能变大,JPEG也不是无损保存;它不会自动抹掉画面里的门牌、人物、文件内容或二维码。
按EXIF与GPS分享检查检查最终文件和可见画面,再另存一份分享副本。原图、方向正确的参考图和要发送的文件各有用途,保留它们的名字与来源,比反复覆盖一份“最终.jpg”更容易恢复。
参考资料与延伸阅读
按步骤开始处理
进入对应工具,预览处理结果,检查导出的文件。


