网站图片替换完整教程：从准备图片到验证上线的标准流程
替换网站图片看似简单，操作不规范会导致图片不显示、页面错位、加载变慢。按照标准流程操作，一次到位不出问题。
第一步，准备新图片。确定旧图尺寸：浏览器右键图片-在新标签页打开，地址栏看URL，或F12看width和height属性。用Photoshop或在线工具（如iloveimg）把新图裁剪成相同尺寸。格式：照片用jpg，透明背景用png，图标用svg或webp。压缩：TinyPNG网站上传压缩，jpg压到100KB以内，png压到200KB以内。文件名：英文小写，如product-01.jpg，不要用中文。
第二步，备份旧图片。宝塔文件管理器找到图片目录，右键压缩整个images文件夹备份。或FTP下载到本地。单张图片替换前先下载旧图存本地，万一新图有问题能快速恢复。
第三步，上传替换。方法A，后台编辑器替换：适用于文章内图片，编辑文章，点旧图删除，上传新图，调整对齐和大小，保存。方法B，宝塔文件管理器覆盖：进入图片目录，点"上传"，选新图，提示已存在选"覆盖"。方法C，FTP覆盖：FileZilla连接，本地新图拖到服务器对应目录，覆盖旧文件。方法D，改模板路径：新图文件名不同，打开模板文件，改img的src属性为新路径，保存。
第四步，清缓存。PbootCMS后台"系统维护-缓存管理"清空。织梦后台"生成-更新系统缓存"，然后生成对应页面。WordPress缓存插件清缓存。浏览器Ctrl+F5强制刷新。有CDN的在CDN控制台刷新图片URL或目录。
第五步，验证。电脑端Chrome访问页面，看新图是否正常显示，尺寸是否正确，有没有拉伸变形。手机端微信和Safari访问。F12-Network看图片HTTP状态码是不是200，加载时间多少。检查所有用到这张图的页面，确保都更新了。表单和链接功能没受影响。
第六步，SEO优化。图片alt属性：在后台编辑器里点图片，填alt描述，包含关键词但不堆砌。图片文件名包含关键词，如blue-widget.jpg。图片周围文字和图片内容相关。如果是重要产品图，在图片下方加说明文字。提交百度站长平台的图片提交，加快图片收录。
常见问题。图片不显示：检查路径是否正确，Linux区分大小写，Product.jpg和product.jpg是两个文件。检查文件是否上传成功，看文件大小和修改时间。检查文件权限，图片文件644，目录755。检查.htaccess有没有禁止图片目录访问。
图片变形：新图尺寸和旧图不一致，CSS里固定了宽高导致拉伸。解决：新图裁剪成和旧图相同比例，或改CSS的width/height为auto。响应式图片用max-width:100%;height:auto。
图片加载慢：文件太大，重新压缩。用WebP格式，体积比jpg小30%。CDN加速图片。开启懒加载，首屏外的图片loading="lazy"。图片服务器和网站同域或用CDN域名，减少DNS查询。
替换完成记录。记录替换了哪些图片、旧图文件名、新图文件名、替换时间、替换页面。存到维护日志里，以后追溯方便。定期检查网站图片，过期的活动图、旧产品图及时替换，保持网站内容新鲜。
更新时间：2026-08-26 17:40:01
上一篇：宝塔面板开启两步验证登录_谷歌验证器_账号安全加固方案