如何替换网站中的图片：后台替换、FTP覆盖、模板修改三种场景全解
网站图片替换是日常维护的高频操作，不同位置的图片替换方法不同。文章内图片用后台编辑器替换，模板固定图片用FTP或宝塔覆盖，CSS背景图改样式文件。下面分场景详细说明。
场景一，文章内容里的图片。登录CMS后台，找到对应文章，进入编辑。PbootCMS：点图片，工具栏出现图片操作按钮，点"替换"或删除旧图后点"插入图片"上传新图。织梦：编辑器里点"插入/编辑图像"，上传新图，确定。WordPress：点图片块，工具栏点"替换"，从媒体库选或上传新图。新图建议和旧图尺寸一致，避免布局变化。保存文章，前台刷新查看。
场景二，网站Logo。Logo位置取决于CMS。PbootCMS：后台"配置设置-站点设置"里有Logo上传项，直接上传新Logo，保存。没有的话改模板head.html，找
，把新logo.png上传到/template/default/images/覆盖旧文件。织梦：后台"系统-系统基本参数"里看Logo配置，或改head.htm里的logo路径。WordPress："外观-自定义-站点身份"里上传Logo，或改主题header.php。
场景三，首页Banner轮播图。PbootCMS如果用了轮播插件，在后台"扩展功能-轮播图管理"里替换图片和链接。没有插件的话，banner图写在index.html模板里，找到
，准备同尺寸新图，命名banner1.jpg，上传覆盖。织梦轮播图通常在后台"模块-广告管理"或改index.htm。WordPress用Smart Slider等插件，在插件设置里替换。
场景四，产品图片。产品详情页的主图和相册图，在后台产品管理里编辑产品，删除旧图上传新图。PbootCMS内容管理里产品栏目，编辑产品，图片字段点上传。织梦产品模型，附加选项里的图片字段上传。批量替换产品图用FTP，产品图通常在/upload/产品目录/，按文件名对应替换。
场景五，CSS背景图片。有些图片是通过CSS的background-image设置的，比如页面背景、区块背景、按钮背景。在浏览器F12里点元素，看Styles里的background-image:url(图片路径)。找到对应的CSS文件，宝塔文件管理器打开，Ctrl+F搜图片文件名，替换url里的路径，或把新图上传覆盖旧图。CSS文件在/template/模板名/css/目录。
场景六，图标和小图片。favicon网站图标，准备32x32的ico或png文件，命名favicon.ico，上传到网站根目录覆盖。有些模板在head.html里指定了favicon路径，也要对应改。社交分享图标、小图标通常在images目录，按文件名替换。SVG图标直接改SVG文件内容或替换文件。
图片替换的注意事项。尺寸匹配：新图宽高和旧图一致，避免页面错位。格式匹配：jpg换jpg，png换png，透明图必须用png或webp。文件大小：图片压缩到200KB以内，首页大图不超过500KB，用TinyPNG在线压缩。文件名：用英文小写加数字，不要用中文和空格，Linux区分大小写。Alt属性：替换图片后在编辑器里填alt描述，利于SEO。
替换后验证。电脑端Ctrl+F5刷新看新图是否显示。手机端微信里打开看。检查图片加载速度，F12-Network-Img看图片加载时间和大小。所有页面过一遍，确认没有旧图残留。如果用了CDN，替换后在CDN控制台刷新图片URL，否则CDN还返回旧图。
批量替换方法。大量图片需要替换，用FTP批量上传覆盖同文件名图片。或用SSH命令：把新图放在一个目录，scp或rsync同步到服务器图片目录。替换前先备份旧图片目录。替换后抽查几张确认。
更新时间：2026-08-26 18:10:50
上一篇：公司网站图片文字批量更新方案：从内容整理到上线验证的标准流程