图集整理:先建立边界,再谈压缩

图集优化并不只是把图片变小。先区分哪些文件能改、哪些文件由工具生成,才不会让一次局部更新变成不可追溯的整包替换。

把文件分成三层

第一层是可编辑的源图,保留完整颜色和透明信息;第二层是由源图生成的图集与坐标描述;第三层是面向网页或客户端的压缩产物。三层目录分开后,修改路径会更清楚。

发布文件可以重复生成,源文件则应被稳定保存。不要把压缩后的图片当成下一轮编辑的起点。

先确认坐标依赖

很多界面并不是按文件名寻找单张图片,而是读取一组矩形坐标。替换图集前,应核对画布尺寸、每个切片的位置和旋转标记。仅仅“看起来差不多”不能说明坐标仍然安全。

适合小批检查的顺序

  1. 记录原图尺寸、色彩模式和透明通道。
  2. 确认切片坐标与边距没有变化。
  3. 只替换一组相关资源并重新生成。
  4. 比较文件大小,也比较实际像素。
  5. 在真实使用场景里检查一次。

最后再选择压缩方式

像素风资源对锐利边缘很敏感。带透明通道的界面图通常需要无损或接近无损的设置;大面积背景可以单独评估有损格式。不同类型分开处理,比给所有图片套一个参数更稳妥。

可复查比一次成功更重要

一套可靠流程应该能回答:源图在哪里、由什么命令生成、输出被谁引用、发布后如何验证。把这四件事记录清楚,后续维护会轻很多。