用F12打开开发者工具，在Elements中选中带背景的元素，于Styles中找到background-image的URL，复制并在新标签页打开后右键另存为PNG/WebP；遇base64或CSS变量时用Ctrl+F搜索background或Network页筛选图片；百度系网页若带水印，可将域名换为imgsrc.baidu.com并调整路径，或用“网页另存为图片”功能获取无水印高清图。
你想把网页里那张高清背景图保存下来用作壁纸或设计素材，但右键点不开“另存为”，直接截图又糊得看不清文字——这说明图片是通过CSS的background-image属性加载的，必须从网页源码里把它揪出来。
用开发者工具定位背景图URL
这是最通用、成功率最高的方法，适用于百度浏览器、Chrome等所有基于Chromium内核的浏览器。
第一步：在目标网页按 F12 打开开发者工具，切换到 Elements 标签页。
第二步：点击左上角的箭头图标（或按 Ctrl+Shift+C），鼠标移到页面顶部空白处或banner区域，等高亮框套住带背景的元素时松手——通常会选中
、第三步：右侧样式面板自动显示该元素的CSS规则，在 Styles 区域滚动查找 background-image 属性，值类似 url("https://xxx.jpg") 或 url('/images/bg.webp')。如果看到多个 background-image，优先找写在 body 或最外层容器上的那个。
第四步：鼠标悬停在引号内的URL上，右键选择 Open in new tab；若右键无此选项，就手动复制整个URL（注意补全域名：相对路径需在前面加上当前网页的协议+域名，比如 https://baike.baidu.com）。
第五步：新标签页打开后，右键图片→图片另存为，保存为PNG或WebP格式——【不要保存为JPG，有损压缩会削弱文字锐度】。
当背景图被base64编码或CSS变量干扰时
有些网站把小尺寸背景图直接转成base64字符串塞进CSS里，或者用--bg-url: url(...)这种自定义变量，普通查找会漏掉。
方法一：在开发者工具的 Elements 页，按 Ctrl+F，搜索 background，逐条点开匹配项，在右侧预览区看哪个preview显示的是你想要的背景图，再回溯到对应CSS行。
方法二：切换到 Network 标签页→刷新网页→在筛选栏点 Img → 拖动滚动条快速扫视预览缩略图，找到和页面背景一致的那张，点击它，在Headers右侧的Preview或Response里确认是否为完整高清图。
方法三：若上述都失败，直接在Network页按 Ctrl+E 清空记录→按 Ctrl+R 刷新→立即按 Ctrl+F 搜索 .jpg 或 .png，把刚加载的所有图片URL都过一遍，重点看尺寸最大的那个。
百度系网页（如百度百科、百度经验）的特殊处理
这些页面常对背景图做CDN路径混淆或加水印，直接扒URL可能得到的是带logo的低清图。
先试标准流程：F12 → Elements → 找 background-image → 提取URL → 新标签打开。如果打开后发现右下角有“百度百科”水印或分辨率明显低于屏幕，说明服务器返回的是加工版。
这时要转向原始图地址：把URL中域名部分替换成 imgsrc.baidu.com，再把路径里类似 /pic/xxx/0/ 的结构改成 /pic/item/，例如原URL是 https://ss1.bdstatic.com/xxx.jpg，就尝试访问 https://imgsrc.baidu.com/pic/item/xxx.jpg。
如果仍不理想，就启用“网页另存为图片”功能：点击百度浏览器右上角三横线→工具→网页另存为图片→等待渲染完成→保存。这张图会包含完整背景，且是浏览器直接渲染的DOM快照，【能绕过CSS水印层，保真度最高】。
