400-680-8581
欢迎访问:路由通
中国IT知识门户
位置:路由通 > 资讯中心 > 软件攻略 > 文章详情

ps抠图后如何添加背景颜色(PS抠图加背景色)

作者:路由通
|
107人看过
发布时间:2025-05-14 22:50:40
标签:
在数字图像处理领域,Photoshop(PS)抠图后添加背景颜色是基础但至关重要的操作。该过程涉及图层管理、色彩匹配、边缘融合等多维度技术,直接影响最终视觉效果的专业度。通过合理选择背景添加方式,可实现主体与背景的自然过渡、色彩协调以及创意
ps抠图后如何添加背景颜色(PS抠图加背景色)

在数字图像处理领域,Photoshop(PS)抠图后添加背景颜色是基础但至关重要的操作。该过程涉及图层管理、色彩匹配、边缘融合等多维度技术,直接影响最终视觉效果的专业度。通过合理选择背景添加方式,可实现主体与背景的自然过渡、色彩协调以及创意表达。本文将从技术原理、操作流程、参数设置等八个层面展开分析,结合实战数据对比不同方法的适用场景与效果差异,为设计师提供系统性解决方案。

p	s抠图后如何添加背景颜色

一、图层管理与背景添加基础

抠图后的主体通常以透明背景图层形式存在,添加背景需新建独立图层。建议使用“图层”→“新建”→“图层”创建背景层,避免直接在原图层操作导致不可逆错误。背景层应置于抠像图层下方,通过Alt+左键拖动图层顺序可快速调整层级关系。

操作类型核心工具适用场景
纯色背景填充油漆桶/前景色证件照、极简设计
渐变背景渐变工具科技感海报、光影过渡
图案填充图案叠加复古风格、纹理背景

二、纯色背景的精准填充技术

使用油漆桶工具填充时需注意容差值设置(建议30-40),过大易导致半透明区域误填。更推荐“编辑→填充”菜单,选择“前景色”+“保留透明区域”模式,可精确控制填充范围。对于复杂边缘,配合图层蒙版进行局部擦拭(硬度0%,流量30%)能实现自然过渡。

填充方式边缘处理难度修改便利性
直接填充高(需反复擦除)低(破坏原像素)
填充+蒙版中(需精细调整)高(可反复修改)
调整图层低(智能识别)极高(非破坏性)

三、渐变背景的参数化控制

渐变工具需重点关注角度(90°水平/120°斜向)、缩放(100%-150%适应画布)和混合模式(正片叠底/滤色)。建议使用“渐变映射”调整图层,通过色标定位实现双色/多色精准过渡。保存自定义渐变时,在渐变编辑器中设置平滑度20-30可获得自然光感。

渐变类型典型参数视觉特征
线性渐变角度90° 缩放120%均匀过渡 机械感
径向渐变长宽比1:2 反向中心聚焦 立体感
菱形渐变角度45° 透明度50%动态倾斜 运动感

四、图案填充的纹理控制

执行“编辑→定义图案”前需确保选区羽化值≤1px,避免纹理模糊。在图案叠加对话框中,缩放建议10%-20%配合对齐模式,可模拟真实材质质感。对于高密度图案,降低填充不透明度至60-70%能有效减少视觉压迫感。

图案类型最佳参数应用场景
纸质纹理缩放15% 角度45°复古海报/书籍封面
布料纹样缩放25% 保留透明服装展示/电商主图
金属颗粒对比度+20 锐化1.0科技产品/机械零件

五、图像合成的色彩匹配策略

当背景为实拍图像时,需通过“匹配颜色”功能统一光源方向。重点调节源→中红/绿通道强度值(50-70),配合曲线工具提升暗部细节。对于色差较大的合成,使用“颜色查找”调整层加载Fost_01_CS预设可获得电影级色调统一。

匹配工具核心参数适配场景
匹配颜色中红强度65 渐隐30人像合成/产品场景
Photomerge曝光差异补偿+20全景拼接/多图合成
颜色查找3D LUT精度90%影视级调色/商业广告

六、边缘优化与过渡控制

添加背景前需检查图层蒙版灰度过渡带,建议使用200px柔边画笔在发丝等细节处涂抹。对于半透明婚纱等特殊材质,采用“选择并遮住”→“净化颜色”功能,设置边缘检测1px/对比度5%可消除杂色。最终输出前执行“图层→修边→去边(宽度1px/边量50%)强化轮廓。

轮廓强化/证件照
优化工具关键参数处理对象
蒙版细化硬度0% 流量20%毛发/烟雾边缘
净化颜色数量30% 采样5px半透明织物
修边去边宽度1px 边量50%

七、多背景方案的批量处理

使用动作面板录制背景添加流程时,需在“插入菜单项目”中设置填充颜色变量。配合“文件→脚本→图像处理器”,可批量生成RGB/CMYK双版本。建议将背景层转换为智能对象,方便后期统一更换颜色方案。

处理需求自动化配置输出规范
单色批量替换动作+批处理PSD分层/JPEG压缩
多尺寸输出图像处理器+DPIWeb/印刷分级存储
跨格式转换脚本+插件支持PNG透明/TIFF无损

八、输出阶段的质量控制

存储为TIFF格式时需启用LZW压缩,色彩模式根据用途选择sRGB(屏幕)/Adobe RGB(印刷)。导出前在“视图→校样设置”中开启油墨总量预览,确保CMYK值不超过300%。对于网页用途,建议使用Save for Web生成WebP/AVIF格式,设置模糊量5/10平衡画质与加载速度。

从技术实现角度看,背景添加本质是色彩管理系统与蒙版技术的协同应用。设计师需根据输出介质特性,在色彩空间转换、像素密度适配、边缘羽化程度等方面进行多维度权衡。实践中建议建立标准色卡库参数模板集,通过版本对比测试积累数据支撑决策。随着AI技术的发展,虽然智能抠图工具日益精进,但对背景添加的色彩科学认知和手工微调能力仍是专业设计的核心竞争力。未来设计师应更关注跨媒介色彩一致性研究,探索基于3D LUT的全流程色彩管理方案,以应对虚拟现实等新兴场景的挑战。

相关文章
win8软件的启动项在哪里(Win8启动项位置)
Windows 8作为微软经典操作系统之一,其启动项管理机制融合了传统配置与现代触控交互特性。该系统通过多维度入口实现软件自启控制,既保留注册表、组策略等经典管理路径,又引入任务管理器简化操作。从系统底层到用户界面,启动项管理涉及任务计划程
2025-05-14 22:50:29
62人看过
微信视频怎么转发(微信转视频方法)
微信作为国民级社交应用,其视频转发功能涉及多种技术路径和交互逻辑。从基础的聊天窗口转发到复杂的第三方工具适配,用户需根据视频来源、目标平台及使用场景选择合适方案。本文将从技术实现、操作流程、数据限制等8个维度展开分析,重点解析不同转发方式的
2025-05-14 22:50:19
223人看过
光猫路由器电脑怎样连接网速最快(光猫路由速连优化)
</div> </div> <div class="correlatio-list-right-time"> <div>2025-05-14 22:50:10</div> <div class="correlatio-list-right-time-h"> <img class="lazy-load" data-src="https://cdn.zcqtz.com/static/index/img/h.webp"/> <span class="h-red">87</span>人看过 </div> </div> </div> </div> <div class="correlatio-list"> <div class="correlatio-list-img"> <a href="https://www.nctoro.com/a120210"><img class="lazy-load" data-src="/uploads/b21f1e888cced597c618235a04e566ba.jpg" alt="win8启动黑屏(Win8开机黑屏)" /></a> </div> <div class="correlatio-list-right"> <div class="correlatio-list-right-title"> <a href="https://www.nctoro.com/a120210">win8启动黑屏(Win8开机黑屏)</a> </div> <div class="correlatio-list-right-text-outside"> <div class="correlatio-list-right-text"> Windows 8操作系统启动黑屏问题是用户在使用过程中常见的故障之一,其表现为开机后屏幕无显示但系统仍在运行,或直接进入黑屏无法进入桌面。该问题涉及硬件、软件、系统配置等多方面因素,且由于Windows 8采用与传统启动模式不同的UEFI </div> </div> <div class="correlatio-list-right-time"> <div>2025-05-14 22:49:53</div> <div class="correlatio-list-right-time-h"> <img class="lazy-load" data-src="https://cdn.zcqtz.com/static/index/img/h.webp"/> <span class="h-red">250</span>人看过 </div> </div> </div> </div> <div class="correlatio-list"> <div class="correlatio-list-img"> <a href="https://www.nctoro.com/a120209"><img class="lazy-load" data-src="/uploads/627b36eb0e401d47cb13b658e813d8c6.png" alt="路由器怎么修改密码让网络加速(路由器改密提速)" /></a> </div> <div class="correlatio-list-right"> <div class="correlatio-list-right-title"> <a href="https://www.nctoro.com/a120209">路由器怎么修改密码让网络加速(路由器改密提速)</a> </div> <div class="correlatio-list-right-text-outside"> <div class="correlatio-list-right-text"> 路由器作为家庭网络的核心枢纽,其密码设置与网络性能存在密切关联。通过科学修改路由器管理密码和无线加密方式,可有效提升网络安全性并间接优化网络传输效率。本文将从密码策略、信道规划、设备管理等八个维度展开分析,揭示密码修改与网络加速的内在逻辑。 </div> </div> <div class="correlatio-list-right-time"> <div>2025-05-14 22:49:37</div> <div class="correlatio-list-right-time-h"> <img class="lazy-load" data-src="https://cdn.zcqtz.com/static/index/img/h.webp"/> <span class="h-red">191</span>人看过 </div> </div> </div> </div> <div class="correlatio-list"> <div class="correlatio-list-img"> <a href="https://www.nctoro.com/a120208"><img class="lazy-load" data-src="/uploads/d66b22626009753049b316488ce24f80.png" alt="excel 怎么横向排序(Excel行排序方法)" /></a> </div> <div class="correlatio-list-right"> <div class="correlatio-list-right-title"> <a href="https://www.nctoro.com/a120208">excel 怎么横向排序(Excel行排序方法)</a> </div> <div class="correlatio-list-right-text-outside"> <div class="correlatio-list-right-text"> 在Excel数据处理中,横向排序(按行排序)作为一项非常规操作,其实现逻辑与纵向排序存在本质差异。传统排序功能默认以列为最小单位进行升序或降序排列,而横向排序需要突破单元格存储的线性限制,通过重构数据维度或调用特定函数实现行级数据的重新排列 </div> </div> <div class="correlatio-list-right-time"> <div>2025-05-14 22:49:30</div> <div class="correlatio-list-right-time-h"> <img class="lazy-load" data-src="https://cdn.zcqtz.com/static/index/img/h.webp"/> <span class="h-red">254</span>人看过 </div> </div> </div> </div> </div> <div class="correlation hot"> <div class="correlation-title"> <div class="correlation-title-line"></div>热门推荐 </div> <div class="hot-list"> <div class="hot-list-left">热门专题:</div> <div class="hot-list-a"> <div><a href="https://www.nctoro.com/tag_upanyixiebaohuzenmejiechu" target="_blank" title="u盘已写保护怎么解除">u盘已写保护怎么解除</a></div> <div><a href="https://www.nctoro.com/tag_weixinfujinderenkanbudaowozenmeban" target="_blank" title="微信附近的人看不到我怎么办">微信附近的人看不到我怎么办</a></div> <div><a href="https://www.nctoro.com/tag_cadjieturuanjianbetterwmf" target="_blank" title="cad截图软件betterwmf">cad截图软件betterwmf</a></div> <div><a href="https://www.nctoro.com/tag_zuzhuangdiannaodebuzhou" target="_blank" title="组装电脑的步骤">组装电脑的步骤</a></div> <div><a href="https://www.nctoro.com/tag_pingguochuanhaochaxunguanwang" target="_blank" title="苹果串号查询官网">苹果串号查询官网</a></div> <div><a href="https://www.nctoro.com/tag_win10guanjikuaijiejian" target="_blank" title="win10关机快捷键">win10关机快捷键</a></div> <div><a href="https://www.nctoro.com/tag_upanzenmeshezhifat32geshi" target="_blank" title="u盘怎么设置fat32格式">u盘怎么设置fat32格式</a></div> </div> </div> <div class="hot-list"> <div class="hot-list-left">资讯中心:</div> <div class="hot-list-a"> <div><a href="https://www.nctoro.com/news-1-1" target="_blank">192.168.1.1</a></div> <div><a href="https://www.nctoro.com/news-2-1" target="_blank">路由器设置</a></div> <div><a href="https://www.nctoro.com/news-3-1" target="_blank">路由器光猫</a></div> <div><a href="https://www.nctoro.com/news-5-1" target="_blank">综合分类</a></div> <div><a href="https://www.nctoro.com/news-6-1" target="_blank">零散代码</a></div> <div><a href="https://www.nctoro.com/news-7-1" target="_blank">下载</a></div> <div><a href="https://www.nctoro.com/news-8-1" target="_blank">192.168.0.1</a></div> <div><a href="https://www.nctoro.com/news-9-1" target="_blank">192.168.2.1</a></div> <div><a href="https://www.nctoro.com/news-10-1" target="_blank">路由器百科</a></div> <div><a href="https://www.nctoro.com/news-11-1" target="_blank">固件下载</a></div> <div><a href="https://www.nctoro.com/news-12-1" target="_blank">小米(MIWiFi)</a></div> <div><a href="https://www.nctoro.com/news-13-1" target="_blank">软件攻略</a></div> <div><a href="https://www.nctoro.com/news-14-1" target="_blank">其他下载</a></div> <div><a href="https://www.nctoro.com/news-15-1" target="_blank">word</a></div> <div><a href="https://www.nctoro.com/news-16-1" target="_blank">excel</a></div> </div> </div> <div class="hot-list"> <div class="hot-list-left">近期更新:</div> <div class="hot-list-a"> <div><a href="https://www.nctoro.com/update-news" target="_blank">最新资讯</a></div> <div><a href="https://www.nctoro.com/update-tag" target="_blank">最新专题</a></div> <div><a href="https://www.nctoro.com/update" target="_blank">最近更新</a></div> <div><a href="https://www.nctoro.com/ztbq" target="_blank">专题索引</a></div> </div> </div> </div> </div> </div> </section> <aside> <div class="listDetails-boby-r"> <!-- <div class="general-filing-info"> <div class="general-filing-info-title">立即获取软件攻略方案</div> <div class="eneral-filing-info-text">姓名</div> <div><input type="text" name="msg_name" id="msg_name" placeholder="请输入姓名" style="width: 100%;"></div> <div class="eneral-filing-info-text">手机</div> <div><input class="input-mt" type="text" name="msg_mobile" id="msg_mobile" placeholder="请输入手机号" style="width: 100%;"></div> <div class="eneral-filing-info-text">咨询描述</div> <textarea name="msg_content" id="msg_content" placeholder="请输入您的咨询描述" rows="5" style="margin-top: 0;"></textarea> <button class="h5-btn" onclick="submit_message();">我要咨询</button> <button class="pc-btn" onclick="submit_message();" style="width: 100%;margin-top: 15px;">立即提交</button> </div>--> <div class="zczx"> <div class="wenben-title"> <div class="wenben-title-line"></div><a href="https://www.nctoro.com/news-13-1" target="_blank" title="软件攻略">软件攻略</a> </div> <div class="order-far"> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue ">1</div> <a href="https://www.nctoro.com/a120212" target="_blank" title="微信视频怎么转发(微信转视频方法)" class="order-name"> 微信视频怎么转发(微信转视频方法)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-two ">2</div> <a href="https://www.nctoro.com/a120208" target="_blank" title="excel 怎么横向排序(Excel行排序方法)" class="order-name"> excel 怎么横向排序(Excel行排序方法)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-three ">3</div> <a href="https://www.nctoro.com/a120202" target="_blank" title="抖音里怎么赚钱(抖音赚钱方法)" class="order-name"> 抖音里怎么赚钱(抖音赚钱方法)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">4</div> <a href="https://www.nctoro.com/a120201" target="_blank" title="微信怎么找同城群组(微信同城群查找)" class="order-name"> 微信怎么找同城群组(微信同城群查找)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">5</div> <a href="https://www.nctoro.com/a120197" target="_blank" title="微信怎么实锤刷票(微信刷票取证)" class="order-name"> 微信怎么实锤刷票(微信刷票取证)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">6</div> <a href="https://www.nctoro.com/a120192" target="_blank" title="如何做微信推广赚钱(微信推广变现)" class="order-name"> 如何做微信推广赚钱(微信推广变现)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">7</div> <a href="https://www.nctoro.com/a120190" target="_blank" title="如何下载microsoft word(下载MS Word方法)" class="order-name"> 如何下载microsoft word(下载MS Word方法)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">8</div> <a href="https://www.nctoro.com/a120187" target="_blank" title="微信朋友圈怎么设置时间(微信朋友圈时间设置)" class="order-name"> 微信朋友圈怎么设置时间(微信朋友圈时间设置)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">9</div> <a href="https://www.nctoro.com/a120185" target="_blank" title="怎么加微信群的人数(微信群扩员方法)" class="order-name"> 怎么加微信群的人数(微信群扩员方法)</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">10</div> <a href="https://www.nctoro.com/a120181" target="_blank" title="excel表格怎么显示表格(Excel表格显示设置)" class="order-name"> excel表格怎么显示表格(Excel表格显示设置)</a> <div class="time"></div> </div> </div> </div> </div> <div class="zczx"> <div class="wenben-title"> <div class="wenben-title-line"></div><a href="https://www.nctoro.com/update-news" target="_blank" title="最新资讯">最新资讯</a> </div> <div class="order-far"> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue ">1</div> <a href="https://www.nctoro.com/a379706" target="_blank" title="excel下载使用什么datatype" class="order-name"> excel下载使用什么datatype</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-two ">2</div> <a href="https://www.nctoro.com/a379705" target="_blank" title="word为什么空格不了" class="order-name"> word为什么空格不了</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-three ">3</div> <a href="https://www.nctoro.com/a379704" target="_blank" title="word search puzzle是什么" class="order-name"> word search puzzle是什么</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">4</div> <a href="https://www.nctoro.com/a379703" target="_blank" title="word为什么不能预览" class="order-name"> word为什么不能预览</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">5</div> <a href="https://www.nctoro.com/a379702" target="_blank" title="word为什么不能转换" class="order-name"> word为什么不能转换</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">6</div> <a href="https://www.nctoro.com/a379701" target="_blank" title="word上面那个叫什么" class="order-name"> word上面那个叫什么</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">7</div> <a href="https://www.nctoro.com/a379700" target="_blank" title="word为什么自动跳转" class="order-name"> word为什么自动跳转</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">8</div> <a href="https://www.nctoro.com/a379699" target="_blank" title="word中黑体什么意识" class="order-name"> word中黑体什么意识</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">9</div> <a href="https://www.nctoro.com/a379698" target="_blank" title="word的空行是什么" class="order-name"> word的空行是什么</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">10</div> <a href="https://www.nctoro.com/a379697" target="_blank" title="为什么word老师关闭" class="order-name"> 为什么word老师关闭</a> <div class="time"></div> </div> </div> </div> </div> <div class="zczx"> <div class="wenben-title"> <div class="wenben-title-line"></div><a href="https://www.nctoro.com/update-tag" target="_blank" title="最新专题">最新专题</a> </div> <div class="order-far"> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue ">1</div> <a href="https://www.nctoro.com/tag_shiyongshouce" target="_blank" title="使用手册" class="order-name"> 使用手册</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-two ">2</div> <a href="https://www.nctoro.com/tag_shoujizhaohui" target="_blank" title="手机找回" class="order-name"> 手机找回</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num num-blue-three ">3</div> <a href="https://www.nctoro.com/tag_clashofkingsguanwang" target="_blank" title="clash of kings官网" class="order-name"> clash of kings官网</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">4</div> <a href="https://www.nctoro.com/tag_zhuanyidaoiosguanwangxiazai" target="_blank" title="转移到ios官网下载" class="order-name"> 转移到ios官网下载</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">5</div> <a href="https://www.nctoro.com/tag_kekebaobeiyingyuruanjianxiazai" target="_blank" title="可可宝贝英语软件下载" class="order-name"> 可可宝贝英语软件下载</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">6</div> <a href="https://www.nctoro.com/tag_wangyicangbaogejiaoyipingtai" target="_blank" title="网易藏宝阁交易平台" class="order-name"> 网易藏宝阁交易平台</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">7</div> <a href="https://www.nctoro.com/tag_lanecrawford" target="_blank" title="lane crawford" class="order-name"> lane crawford</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">8</div> <a href="https://www.nctoro.com/tag_wangyiyanxuanguanwang" target="_blank" title="网易严选 官网" class="order-name"> 网易严选 官网</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">9</div> <a href="https://www.nctoro.com/tag_pingguoxitongzenmegengxin" target="_blank" title="苹果系统怎么更新" class="order-name"> 苹果系统怎么更新</a> <div class="time"></div> </div> </div> <div id="order" class="ractOrd"> <div class="order-chi"> <div class="order-chi-num ">10</div> <a href="https://www.nctoro.com/tag_ipadguanwangpingbandiannao" target="_blank" title="ipad官网平板电脑" class="order-name"> ipad官网平板电脑</a> <div class="time"></div> </div> </div> </div> </div> <div class="navigation navgt_h5"> <div class="navigation-title"> <div class="navigation-title-line"></div><span>快捷导航</span> </div> <div class="navigation-content"> <a href="https://www.nctoro.com/news-1" target="_blank" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon01.webp" alt="资讯中心"></div> <div>资讯中心</div> </a> <a target="_blank" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon02.webp" alt="国家档案"></div> <div>国家档案</div> </a> <a target="_blank" href="https://www.nctoro.com/update-tag" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon03.webp" alt="最新专题"></div> <div>最新专题</div> </a> <a href="https://www.nctoro.com/update" target="_blank" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon04.webp" alt="网站地图"></div> <div>网站地图</div> </a> <a target="_blank" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon05.webp" alt="城市导航"></div> <div>城市导航</div> </a> <a target="_blank" class="navigation-list"> <div><img class="lazy-load" data-src="https://www.nctoro.com/static/index/img/qn_icon06.webp" alt="国家导航"></div> <div>国家导航</div> </a> </div> </div> </div> </aside> </article> </div> <script> document.addEventListener("DOMContentLoaded", function () { var lazyImages = [].slice.call(document.querySelectorAll("img.lazy-load")); if ("IntersectionObserver" in window) { let lazyImageObserver = new IntersectionObserver(function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) { let lazyImage = entry.target; lazyImage.src = lazyImage.dataset.src; lazyImage.classList.remove("lazy-load"); lazyImageObserver.unobserve(lazyImage); } }); }); lazyImages.forEach(function (lazyImage) { lazyImageObserver.observe(lazyImage); }); } else { // 处理不支持IntersectionObserver的情况 lazyImages.forEach(function (lazyImage) { lazyImage.src = lazyImage.dataset.src; lazyImage.classList.remove("lazy-load"); }); } }); </script> <script> $('.toggle-arrow').click(function() { var content = $(this).next('.toggle-content'); content.slideToggle(300); $(this).toggleClass('toggle-rotate'); }); </script> <footer> <div class="foot_top"> <div class="w link_flag container"> <ul class="link_flag_ul"> <li class="nav_us"> <a target="_blank" rel="nofollow" href="https://www.nctoro.com/news-5-1">综合分类</a> <a target="_blank" rel="nofollow" href="https://www.nctoro.com/news-10-1">路由器百科</a> <a target="_blank" rel="nofollow" href="https://www.nctoro.com/news-13-1">软件攻略</a> <a target="_blank" rel="nofollow" href="https://www.nctoro.com/news-6-1">零散代码</a> </li> <li class="hastoggle"> <span class="po l">友情链接:</span> <div class="middle isShow"> </div> </li> </ul> <div class="code"> <div class="useCode"> <p class="mt5" style="color:#fff">微信客服</p> <div class="code-wx"> <img class="lazy-load" data-src="https://www.nctoro.com/storage/file/20250616/e2429a5bacc67c4ecd46ded1946d643d.webp" alt="微信客服"> </div> <span>【加微实时对话】</span> </div> </div> </div> </div> <div class="foot_down"> <div class="w friendLink container"><span class="r_tel"> <span class="col-r">电话:QQ:360128878</span> <br> Εmail:royshen@126.com </span> <span> Copyright ©2019-2024 | <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备18038324号-22</a> | 路由通 | 成都易搜网络科技有限公司版权所有 </span> </div> </div> <!-- <div> <div class="guanggao" id="guanggao"> <div class="middle"> <div class="headImg"> <img src="https://cdn.zcqtz.com/static/index/img/head2.webp" alt="客服" srcset=""> </div> <div class="info"> <p class="b">自己找服务太麻烦?</p> <div> <p class="bg">您身边的出海企服专家</p> <p class="words">助您快速解决 <span>跨境项目投资中的“水土不服”</span></p> </div> </div> <div class="zixunBox"> <div class="tel-box"> <div class="fl"><img src="https://cdn.zcqtz.com/static/index/img/phone-b.webp" alt="电话图标"></div> <input type="text" maxlength="11" id="mobile_fast_1" name="mobile_fast_1" placeholder="输入手机号(快速答疑)"> </div> <div class="two-btn"> <button onclick="sub_msg('咨询专家',1);">咨询专家</button> <button class="callme" onclick="sub_msg('给我回电',1);">给我回电</button> </div> </div> <img class="guanggao_close" src="https://cdn.zcqtz.com/static/index/img/close-circle.webp" id="closeButton" alt="关闭图标"> </div> </div> </div>--> </footer> <script src="https://cdn.zcqtz.com/static/index/js/jquery-3.7.1.min.js"></script> <script src="https://www.nctoro.com/static/index/css/assets/dist/js/rem.js?v="></script> <script src="https://www.nctoro.com/static/index/css/assets/dist/js/bootstrap.bundle.min.js?v="></script> <script src="https://www.nctoro.com/static/index/js/popper.min.js"></script> <script> const hot_keywords = null; const site_url = 'https://www.nctoro.com/'; </script> <script type="text/javascript" src="https://www.nctoro.com/static/index/js/footer.js"></script> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node93.aizhantj.com:21233/tjjs/?k=fpytd9ketz3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </body> </html>