整理网站素材时,图片命名往往被当成小事,但等到需要替换 banner、更新产品图或做改版时,混乱的文件名会让人花大量时间在找图上。与其临时补救,不如在整理素材时就用一份检查清单,把命名规则和整理步骤固定下来。
一、先确定命名规则,再动手改文件
命名规则是检查清单的基础。没有规则,每个人按自己习惯命名,后期依然会乱。建议在整理前先和团队(或自己)约定一套简单统一的规则,至少包含以下要素:
- 文件类型或用途:如 banner、product、news、icon,让人一眼知道图片用在哪。
- 内容描述:用 2-4 个关键词说明图片内容,比如“春季促销主视觉”“产品A白色款”。
- 日期或版本:如 20250415 或 v1,方便识别新旧版本。
- 尺寸或比例:如果图片有固定尺寸要求,可以在文件名中标注,如 1920x600,便于直接调用。

例如:banner-spring-sale-20250415-1920x600.jpg。这个示例是假设的,你可以根据自己网站的情况调整。
二、检查清单的核心步骤
有了规则,接下来按步骤检查每一张图片。以下检查清单适用于大多数企业官网的素材整理场景:
1. 检查文件格式是否统一
图片格式影响加载速度和显示效果。整理时先检查同一用途的图片是否格式一致,比如 banner 都用 JPG 或 WebP,图标都用 SVG 或 PNG。如果混用,建议统一转换,避免后期调用时出现兼容问题。
2. 检查文件名是否包含无效字符
文件名中不要包含空格、中文特殊符号(如“&”“%”)以及“#”等字符,这些字符在 URL 中可能被转义,导致链接失效。建议使用连字符(-)或下划线(_)分隔单词。
3. 检查命名是否可读且可检索
打开文件夹,随便看一个文件名,能否立刻知道它是什么内容?如果看到“IMG_20250415_001.jpg”这种默认命名,就需要重命名。可读性意味着文件名本身就能传达图片用途,方便用搜索工具快速找到。

4. 检查是否有重复或近似文件
整理时经常发现同一张图片有多个版本,如“产品图-副本”“产品图-最终版”。建议删除明显重复的文件,只保留最新版本,并在文件名中标注版本号,避免混淆。
5. 检查图片是否按目录归类
命名之外,文件夹结构也很重要。建议按用途或栏目建立子文件夹,比如 images/banner、images/product、images/news。检查清单中应包含“文件是否已移动到正确目录”这一项。
三、复核时重点看哪些地方
命名和移动完成后,不要急着结束,花几分钟复核一遍:
- 随机抽查 5-10 个文件,看命名是否符合规则,内容是否对应。
- 检查引用关系:如果图片已用在网站上,改名后需要同步更新网页中的引用路径,否则图片会失效。整理前最好先导出所有图片 URL 列表,或在本地搜索引用。
- 检查 alt 属性:图片的替代文本(alt)是 SEO 的一部分,整理时顺便检查 alt 是否与文件名、图片内容一致,这有助于搜索引擎理解图片。

四、把检查清单固化为日常习惯
一次整理只能解决当前问题,如果后续上传新图片时仍然随意命名,混乱会再次出现。建议将这份检查清单保存为文档,放在团队共享位置,或者在每次上传图片前对照检查。长期坚持,素材库会越来越有序。
如果你正在整理网站素材,不妨现在就打开图片文件夹,按上述步骤检查一遍。先从最常用的 banner 和产品图开始,逐步扩展到所有图片。养成好习惯后,后续维护会轻松很多。





