教你一网打尽CSS中的图片保存方法

什么叫“CSS中的图片”？ 简单的说就是镶在CSS样式表中的图片。当我们用浏览器的“另存为”功能保存网页时，由于很多写在CSS样式表里面的图片都下载不到，所以会导致下载的网页打开的时候就面目全非了；或者，我们可以更通俗的认为这也是网页图片的一种加密形式吧。

　　那么，对于这样的图片保存，就没有好办法来解决了吗？NO！看看如下推荐的几种保存方法吧。

　　方法1：使用网际快车下载软件

　　最新版的网际快车FlashGet3.1下载软件，其中有个“资源探测器”功能，就可以帮助我们实现CSS图片的探测和下载保存。如图01所示，打开快车资源探测器后，从“文件”菜单下选择“选项”命令进入，然后在“高级”选项栏中勾选“探测CSS中的图片”。

图01 快车资源探测器设置

　　接下来在资源探测器页面的地址栏中输入要下载网页地址，单击右方的“探测”按钮，稍等片刻即可搜索得到此网页中的所有图片地址了，如图02所示；然后再利用快车软件麻利的下载即可。

 

图02 探测图片并下载

　　友情提示：除了具备CSS中图片的探测能力外，快车资源探测器还可一步实现网页中隐藏的音视频资源、软件下载资源等地址，真正实现下载无限制哦。

　　方法2：网页下载后寻找

　　在浏览器中打开css图片所在网页，然后查看网页源文件并找到css路径；将路径再复制到浏览器中下载到本地计算机上，如图03所示。

 

图03 下载网页css文件

　　接下来要做的就是寻找此css文件中的内嵌图片了。有两种方法可以实现，一是直接打开此css文件，一个一个查找图片地址并下载，很明显这种方法比较费时。另一种办法就是使用css图片批量获取工具，如图4所示，在“CSS文件”中导入刚下载的css文件，然后单击右方的“查找”按钮；下方显示出寻找到的图片地址后再全部选取，最后单击“下载”按钮即可。

 

图04 查找并下载css中的图片

　　友情提示：在上述介绍的“CSS图片获取工具”的使用中要注意“文件基址”一栏的填写，基址也就是添加的那个CSS文件所在网站首页的地址，如果写错可就下载不到文件了；“匹配模式”一项不用理会，保持默认选择项即可。

　　知识链接：CSS就是层叠样式表，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS中的图片也正是基于这样的控制目的而生。当一些网页设计新手们要偷偷懒，想把对方网页中的一些图片直接拿过来为自己所用，但这些图片又是基于CSS架构时，就要考虑如何下载保存的问题了，当然也就可以使用本文介绍的方法了。