旧网站换成新网站时,文字内容通常有人专门校对,图片却经常被当成“顺手搬过去”的部分。等到上线后才发现:产品图模糊、案例图缺失、banner 换了尺寸被裁掉、有些图片根本不知道来源。图片资源的问题不会让网站打不开,但会直接影响访问者对企业的第一印象,也会给后续维护留下麻烦。
下面按改版实际发生的顺序,把图片资源常见问题分成几类来说。每一类都给出可以操作的检查动作,你可以对照自己手上的项目逐项过一遍。
一、盘点阶段:旧站图片没有清单,后面全靠回忆
改版最容易犯的错,是直接打开旧站首页开始截图、另存,而不是先把图片系统盘一遍。旧站运行几年后,图片可能散落在文章正文、产品详情、栏目头图、弹窗、页脚等多个位置,靠人工翻页面很容易漏。
比较稳妥的做法是先建立一份图片清单。假设旧站有产品、案例、新闻三个主要栏目,可以按下面的字段整理:
- 图片所在页面地址或栏目
- 图片在页面中的位置(头图、正文插图、缩略图等)
- 本地是否已有原图文件
- 这张图在新站是否还需要
- 处理结论:保留、替换、删除、待确认

清单不用做得很复杂,一张表格就够。关键是让“哪些图要搬、哪些图不要”变成一个可以勾选的列表,而不是上线前临时决定。判断标准可以简单一点:与当前业务仍然相关的保留,已经停售的产品图、过期活动图、明显过时的团队合影,可以标记为删除或替换。
二、文件命名:中文名、乱码名和“IMG_0231”
旧站图片常见的命名是“微信图片_20230512.jpg”“未标题-1.png”或者一串数字。这类文件在迁移时问题不大,但搬到新站后就很难管理:运营同事想找某张产品图,只能一张张点开看。
改版是重新命名图片的好时机。建议用“栏目-内容-序号”的英文或拼音小写形式,例如产品页的图可以命名为 product-a-01.jpg,案例图用 case-hangzhou-02.jpg。命名规则不需要多高级,只要团队里几个人能看懂、能按关键词搜到就行。
同时注意避免文件名里出现空格、中文标点和特殊符号。这些字符在不同系统之间传输时容易变成乱码,上传到后台后也可能显示异常。命名统一之后,后续替换图片、核对版本都会省事很多。
三、尺寸与格式:新站版式和旧站不一样
旧站的图片尺寸是按旧模板裁好的,新站换了版式后,同一张图放进去可能被拉伸、裁切或者留白。常见表现是:头图两边被切掉、产品图比例变形、手机端显示时图片只露出中间一小块。
处理这类问题,先确认新站每个图片位置的实际显示尺寸和比例,再决定旧图是直接复用还是重新导出。假设新站首页头图是宽幅比例,而旧站头图是接近方形,那这张图基本需要重新裁切或换素材,而不是硬塞进去。
格式方面,照片类图片一般用 JPG,图标、logo、需要透明背景的图用 PNG。改版时如果发现旧站有大量体积很大的图,可以在重新导出时统一压缩,但压缩程度以肉眼看不出明显模糊为准,不要为了减小体积把产品细节压糊。
四、图片链接:换域名后旧图地址失效
如果新站使用了新的域名或新的目录结构,旧站图片的访问地址就会变化。已经发布出去的文章、外部平台引用的图片、旧站被搜索引擎收录的图片页面,都可能出现打不开的情况。用户看到的是空白框或裂图,体验很差。

改版前可以先导出旧站的主要图片 URL 清单,上线后逐一打开检查,确认哪些图还能访问、哪些已经失效。对于仍然需要保留的旧图,尽量让新站沿用相近的路径,或者做对应的跳转;确实不再使用的图片,至少保证引用它的页面已经同步更新。
另外要检查正文里的图片引用方式。有些旧文章是直接粘贴图片地址的,换站后这些地址不会自动更新,需要重新上传并替换。这类问题在文章数量多的时候容易被漏掉,建议按栏目分批检查,而不是只看首页。
五、版权与来源:说不清出处的图不要直接搬
旧站上的图片,来源可能很杂:设计公司提供的、员工自己拍的、从素材网站下载的、从别的网站保存的。改版时如果原样搬到新站,等于把来源不清的图片继续保留下去。
比较稳妥的处理方式是,在盘点清单里增加一列“来源”。能确认是自有拍摄或已购买授权的,正常迁移;来源不明、明显带有其他品牌水印、或者从网络随意保存的图片,建议替换掉。尤其是首页头图、产品主图这类显眼位置,不要使用出处说不清的素材。
如果企业没有专门的图库,改版时可以顺手整理一个内部图片文件夹,把确认可用的图片集中存放,并标注用途和来源。以后再改版或做活动,就不用重新满世界找图。
六、后台管理:图片上传后没人管
新站上线后,图片管理方式也会变化。有的后台支持媒体库,有的需要按栏目分别上传。常见问题是:同一张 logo 被重复上传了十几遍,图片标题和替代文字全是默认文件名,过一段时间谁也说不清哪张是最新版。
建议在上线后定一个简单的图片管理习惯:上传前先按命名规则改好文件名;上传时填写有意义的图片标题或替代文字,方便自己和同事检索;定期清理不再使用的图片,避免媒体库越堆越乱。替代文字不需要写得很长,能说明这张图拍的是什么、用在哪里即可。

如果团队里有多人负责更新,最好约定一个存放规则,例如“产品图放产品文件夹、活动图按年份归档”。规则越简单越容易执行,复杂的分级目录反而没人愿意遵守。
上线前可以照着做的图片检查
改版收尾时,图片相关的检查可以集中在一次完成:
- 逐页打开新站,确认没有裂图、空白图或加载失败的占位图。
- 检查首页、栏目页、产品详情页、文章正文里的图片是否显示完整、比例是否正常。
- 在手机上再看一遍,重点看头图和产品图有没有被裁掉关键部分。
- 确认旧站还需要保留的图片地址可以正常访问。
- 核对一遍图片来源,把说不清出处的图片替换掉。
- 确认后台媒体库里的图片命名和分类,后续同事能直接找到。
图片资源的问题大多不是技术难题,而是改版时没人专门负责。把它当成和文字内容同等重要的迁移对象,提前列清单、定规则、上线前集中检查,能省掉很多上线后的返工。





