· · 内容维护：凯乐丰
产品照片压到几十 KB 后，页面确实快了，但采购放大一看，型号钢印、接口倒角和表面纹路都糊在一起。工厂官网的图片压缩不能只看文件大小，要先确认客户靠这张图判断什么，再决定尺寸、格式和原图归档方式。
先保住客户要判断的细节
压缩前把产品图分成三类：首屏主图、结构细节图、证据型图片。首屏主图负责让客户确认产品范围，结构细节图要看清孔位、接口、刻印、焊缝或表面处理，证据型图片要能对应检测记录或包装状态。以示例产品 ID CF-D22 为例，主图文件可命名为 IMG-CF-D22-front-20260720.webp，局部细节保留 IMG-CF-D22-detail-raw-20260720.jpg 原图。网页展示图可以压缩，原图不能丢，否则销售收到“看不清倒角”的反馈时，只能重新找工程拍照。
判断清晰度时不要只在设计稿里看缩略图。把 WebP 图放到手机和 1440 像素宽的电脑上，各打开一次产品页；放大到客户常看的比例，检查型号标识、孔边毛刺、喷涂颗粒和量具刻度是否还能辨认。若图片承担质量证明，还要和设备与质检内容的证据说明保持一致，避免照片看似漂亮，却不能对应图纸版本或检测节点。
压缩规则要写进资料版本
网站维护表里应有一列记录压缩规则，例如 compression_rule=webp-q82-1280，另一列记录 image_review=PIC-20260720-A。这样下次替换图片时，运营人员知道这张图为什么是 1280×853、质量参数为什么是 82，也能追到 manual_version=2026-07-A 和 alt_version=2026-07-CN。若图片来自供应商、客户现场或销售手机，先确认公开权限，再生成网页版本和归档版本，文件名不要继续沿用微信截图或相机流水号。
公开文件生成后，还要核对型号、视角和画面说明。具体规则可查看产品图片 alt 与文件名的对应方法，避免压缩版本沿用相机流水号或套用同一段说明。
复核人最好把压缩前后的文件一起登记。记录表可保留 source_file、public_file、拍摄日期、产品 ID、用途和负责人。若某张图片只用于列表缩略图，就不必要求能看清每一道加工痕；若它出现在产品页主图、质量说明或报价前资料页，就要保留客户能判断的最小细节。这样的分级比统一压到同一个大小更稳。
产品页里的图片字段要同源更新：页面 img、alt、og:image 和 Article image 指向同一个 WebP 文件，文件名、产品 ID、页面标题互相能对上。下载资料较多的工厂，可把公开图片、原图、图纸和手册放进采购资料包下载区，并标注哪些文件只供内部复核。规格表页面则应把图片对应到型号和参数范围，可参考产品规格表的字段整理方法，让客户知道图片证明的是哪一款、哪一版资料。
上线后用两类页面复核
上线验收不要停在“图片能打开”。先查产品页首屏：图片是否只出现一次，alt 是否说明产品和复核动作，分享图是否换成同一张 WebP。再查入口页：主题页、文章列表和相关内链是否都指向规范 URL，没有让旧图片或旧标题继续露出。若客户从表单进入，form_source=image-check-page 可以带入 CRM；销售确认图片足够判断后，把 crm_status 从“图片待复核”改成“资料可转发”。
这类页面的适用边界也要写清。尺寸、颜色、纹理和微小缺陷需要客户按实物或检测报告确认，网页图片只能帮助初步判断。复核时抽取一张主图、一张细节图和一条询盘记录，从产品与技术资料入口进入，再走到产品页、下载文件和销售记录。只要某一步靠猜文件名或聊天截图补信息，图片压缩规则就还没有真正落地。