怎样获得网页logo图标的URL链接

qingfenguu · 发表于 2022-4-25 02:17

网页logo图标通常为指favicon图标，作为缩略的网站标志，一般显现于阅读器的地址栏大概在标签上。
如图中红圈的位置，即是favicon图标。

怎样获得网页logo图标的URL链接-1.jpg

网易云logo
favicon的格式纷歧定是ico格式，它可所以png，jpg甚至是gif，不外ico格式是一切阅读器都支持的。
比来在自己做网址导航，需要提取和显现网址的favicon图标，使导航链接除了笔墨称号，前面还有更明显的logo标志，使挑选和检察都加倍便利。
所以查找了一些材料，但找到的都比力散碎，不方便利用，所以自己整合了一下，也更轻易了解和上手操纵。

怎样获得网页logo图标的URL链接-2.jpg

自建网址导航需要l链接ogo

怎样获得网页logo图标的URL链接-3.jpg

乐吐槽网址导航
那末怎样获得网页logo图标的URL链接呢？有三种方式。

最常用的方式（适用于90%的站点）是，间接在拜候网址首页链接后加上 /favicon.ico，例如：https://www.baidu.com/favicon.ico

第二种获得方式，需要在阅读器界面按F12键，进入开辟者形式（倡议利用google内核阅读器）。在默许的“Elements”中点开<head>...</head>找到<link 中含有favicon或ico的链接，右键点选“Edit attribute“（即编辑属性）以复制该链接，粘贴到空缺页面后回车后即显现该网站的logo图标。

F12开辟者形式

找到标识

复制考证
说明：有的链接前缀格式是//开首的，倡议利用作为URL链接时前面加上https:，例如//s1.music.126.net/style/favicon.ico?v20180823改成https://s1.music.126.net/style/favicon.ico?v20180823

怎样获得网页logo图标的URL链接-8.jpg

//开首的favicon链接

第三种方式，利用第三方的矢量logo图标素材，如60logo、WorldVectorLogo（不支持中文搜索）

这些网站有很多，可以找到所需的logo或自界说logo，还是很方便的。

怎样获得网页logo图标的URL链接-9.jpg

60logo

WorldVectorLogo
以上，你学会了吗？

怎样获得网页logo图标的URL链接

使用高级回帖 (可批量传图、插入视频等)快速回复