掌握这4个小技巧，全网高清图片任意存！

家好，这里兹岚，野互联网设师一枚~

现今打开网站找参考已经是很设计师打开电脑的一件，贝叔也是此，但凡遇到点看的图总想着扒下来放在自己的库里，下次有类似的需求时就以快速查看，给自己提供思路。

既然都知立个图库要性，回归到图片来，怎么扒才算优雅呢？

是有的图片都右键保存的，问开发小哥么？ 一来，他们很忙可没空会，二来，这个问题太基础会被鄙视。

本文结 4 种需要扒图的场景，供如何获取的小技巧：

• 图库网站图片获取
• 公众号头图获取
• 在线编辑网站的素材获取
• 网页图标获取

Part1.图库网站的图片获取

国外某某著名图库为例子，如我们看到一张错的景图，点击右键没有保存菜单，而且管对图片进行怎么样的交互作，均会现右键菜单，这是很典的图片保护了。

那么，先来一个基本操作 3 连搞定：

1. 在 Chrome 浏览器中，打开开者工具（快捷键 ⌘ +⌥+ I）。
2. 击元素选择工具(快捷键，⌘ + ⇧ + C)，并选想要图片并击。
3. 在右侧亮代码行中，右键—Open in new tab；或者直接双击超链接，复制后再页面打开， 然后保存(ps：预览口的图片可直接拖到本地哦)，搞定。

学们可能会觉，这？，没，是这么简单，基本操作。

Part2.公众号头图获取

很多时候我们看到公众号头图，想收下来，是击详情页后，头图是看不见，怎么获取呢？

当然，很多公众号的插件可做这些事，如么壹伴插件啦，但贝叔的观念是一点技术，万一呢，Always have plan B。

那，来个「曲线救国」4 步搞定它：

1. 复制文章链接，在浏览打开.以这篇文章为例，打开后击右上使用默认浏览打开。
2. 右键—显示页源代码，全搜索(⌘+F)var msg。
3. 搜索结果中，找 var msg_cdn_url 代码后面的链，复制并在新页面中开。
4. 新的窗口中打，右键就可以保存下了，搞。

这是不是觉得，哎，学了，能点+1，别急，后面还有更厉害的，同也十简。

Part3.在线编辑网站的素材获取

更厉害的来了，在线编辑网站一会对图片素做保护从而让你不是这容易的扒上面的图片(你懂的)，当然了，今贝叔就教你轻轻扒图。

如下图，我们用发者具，也选中了图片，但发不我们的图片，透明的图层，怎么解决呢？

那么，我们「化繁简」4 解决：

1. 检视一下右的元素，可以发一透明的图层，关系，我们直接 delete 把这一段删掉。

2. 选择中一次，现还是没目标图，就继续删直到预览窗口出现我们想要的图为止。

这里会有个特殊情况，有时候删了以后现目标图层没了，这时候我们下刷新，全部了，然后删到刚才那步，击 div 容旁边小箭头展开，能看到我们想要图片了。

△ 有时会出现特殊情况

3. 再择中一次，发现还是没中我们想要的图层，要慌，重复上面的操作。

4. 最后，拿了想要的图层，搞定！

这就删除了层层阻碍，就得了想要的图层，其实非常非常的容易，拓展知识，”div”是个容器，大家可以理解成「组」，获取图片的思路其实就是把没用的图层删掉。

Part4.网页图标获取

页图标(Favicon)就是的头像，有些时候我们可需要，怎么弄呢，十分容易。

种方法，轻搞定

方法一：直在网址后面输入/favicon.ico，即可获取网页图标

此方法尚存足，是有都这样操作，分大可。

方法二：开发者工具轻松到他的图片链接，具体操作如：

1. 打开开者工具(⌘+⌥+I)
2. 全局搜索「Favicon」(⌘+F)
3. 点击中的代码行，右键—open in new tab，即可在页面中保存页图标。

么今天介绍的四种扒图的小技巧到边就结束，非常容易上手，掌握便以优雅的扒图呢，快去试试吧。果你还有什么扒图的问题或技巧欢迎留言互相流。