获取所有网站的图标，全网最细!_网站获取器

最近遇到一种场景，获取一些网站的LOGO，相信各位玩家们或多或少也遇到过这样的场景吧~

平时做PPT、写推文或者搭网站收集相关资源，需要附上别人的LOGO等等，这些场合都离不开的。

这篇文章就带你彻底解决这个问题~

我们先从最基础的直接拿 ico 图标说起。

这个方法长久不衰，小索奇也是学前端的时候了解到的。

以豆瓣举例，大家都知道豆瓣的官网是：

https://www.douban.com

想拿它最原始的 ico 格式图标，只要在域名后面加个 /favicon.ico

拼接后变成：

https://www.douban.com/favicon.ico 就可以了

复制到浏览器地址栏敲个回车，如下所示。

放大截取部分图

打开后你会看到，这个小小的图标就是平时浏览器标签栏里的 小豆瓣，尺寸大多是 32x32 像素，缺点是太小，绝大多数都不清晰，优点是加载快、不用等，临时用在网页角落或者小图标位置完全够。

但有的时候利用这种方式，我们获取不到图标，可能是以下几种原因之一。

• 网站本身没配置对应的 logo 资源
• 浏览器的跨域安全限制
• 第三方服务没缓存到这个网站的 logo
• 网站用了动态加载的 logo
• 你可能输错了域名

所以小索奇这边又摸索到了几种方式进行获取图标。

下面比较推荐的就是谷歌公共图标服务了，利用它进行获取。

用谷歌的公共图标服务，还是以豆瓣为例，它的链接格式是这样的：

https://s2.googleusercontent.com/s2/favicons?domain=douban.com&sz=256

这里面 "domain" 后面填豆瓣的域名（不用带 https://），"sz" 也就是size尺寸的缩写，是我们需要获取的尺寸，比如 256 就是 256x256 像素，想再大些改成 512 也没问题。

我们可以做一个鲜明的对比，上图使用的是谷歌公共图标服务，而下面的使用的是拼接ico的格式（放大后的）

差距很明显。当然除了清晰度外观和尺寸有明显的差距之外，还有一个重点，就是谷歌导出的图片是非图标格式的，上面不太清晰的图是以ico为后缀格式的。

直观图如下：

我们完全可以导出jpg、png等格式，且很清晰，如果需要ico图标格式的话，我们再利用其它网站进行转换，清晰度损耗可以忽略不计，但如果是ico格式转换png格式，不说尺寸，清晰度是个大难题。

说到这儿有人可能会问，有没有能直接在线生成的网站？

当然有，就是 logo.dev。

用法很简单，打开网址后，点击"Get started for free" 免费版根据页面提升进行操作。

之后进入以下页面，Daily requests 5,000，每日可以请求5000次，完全够大多数人进行使用了。

点击左侧的LOGO Images，可以看到它的示例，我们只需要把需要获取图标的网址输入进去，它会自动生成图标和网址链接。

打开它所生成的网址，可以直达对应的图标页面

我们也可以右键点击复制，复制已经生成好的图片~

这里得一句，可能有人觉得 "直接右键保存网页上的 logo 不就行了"

其实还真不行 —— 多数网页的 logo 是用背景图做的，还有一些进行隐藏了起来，右键根本找不到复制和保存图片的选项。

就连控制台也是很难找到，就算侥幸找到，保存下来的也是压缩过的低清图，放大就糊。前面说的三种方法，就比右键保存靠谱太多了。

如果工作量非常非常大的话，也可以利用上面的方法，加上自动化。不过一般的任务量已经足够了。