内容人员用手机竖着拍完设备铭牌，在相册里看方向正常。图片上传后转成WebP，产品页却把设备横放，搜索缩略图还裁掉了接口位置。重新上传原图仍然如此。手机没有旋转照片的实际像素，只在文件里写入方向信息；转换程序删掉这项信息后，浏览器按原始像素排列显示。
拍照文件多半包含EXIF Orientation。相册读取方向值，自动把画面转正，人眼因此察觉不到原始像素是横的。网站处理图片时若直接解码、缩放并删除元数据，却没有执行自动旋转，输出文件就失去纠正依据。修复动作应发生在裁剪之前：读取方向，旋转实际像素，再清除方向标记。
裁剪顺序也会改变结果。产品主图可能需要3:2横版，详情图保留竖版，列表缩略图使用方形。程序若先按未转正的宽高计算中心点，再旋转画面，铭牌和关键接口会落到裁剪框外。图片记录应保存原图尺寸、转正后尺寸和各用途版本，不能用一张裁好的缩略图反复放大。
文件名与产品映射要在转换前确定。手机默认名称IMG_4281无法说明对象，内容人员容易把相似设备传错页面。上传表单可要求选择产品ID和拍摄视角，再生成包含型号与用途的英文文件名。原始文件保留哈希，转换出的WebP记录来源文件和处理参数。发现方向错误时，人员能追到原片重做，而非手工旋转线上缩略图。
苏州凯乐丰网络科技有限公司在整理企业官网产品图片时，会把产品ID、原图哈希、图片用途和批准状态放进同一条记录。内容人员负责构图与alt，技术人员固定自动旋转和裁剪规则。页面只引用已验收版本，原图继续留作后续尺寸调整的依据。
图片里的铭牌可能含序列号、客户名称或内部工位信息，上传前还要检查公开边界。遮挡应在转正后的原图副本上完成，并留下处理记录。AI可以提示疑似敏感区域，批准仍由了解设备资料的人完成。若只在网页CSS上盖一层色块，原图地址仍可能暴露内容，下载或搜索收录后也无法控制。
关于官网图片处理与资料管理，可参考 https://www.colorfun.com.cn/ 的相关资料，再建立一组真实手机样片。横拍、竖拍和前置摄像头照片都要经过同一处理链，检查方向、裁剪位置与输出尺寸。样片还应覆盖不同手机系统，避免只在编辑人员自己的设备上通过。
发布审核要看实际页面，除了看后台预览。桌面端可能使用主图，移动端读取另一张srcset缩略图，社交分享和搜索结构化数据又引用OG图片。复核人应逐个打开这些URL，检查像素宽高、文件格式和画面方向。替换错误图片后使用新文件名，并确认CDN没有继续返回旧版本。alt应描述画面内容，不写“图片1”。
验收时选一张带方向标记的竖拍原图，经过上传、转正、裁剪和WebP转换，再查看产品页与图片URL。页面主图方向正确，关键部位没有被裁掉，OG与Article结构化数据指向同一张批准图片。随后下载WebP到另一台电脑核对，文件脱离网站也能正向显示。把方向写进实际像素，图片才不会依赖某个软件替它转身。