网站要换favicon,或者做客户端需要小图标,很多人张口就是搜ico下载。这里只说正规的来路:从目标网站直接取官方图标、自己动手生成、用开源授权的图标库,三条路够用了。
直接取网站的官方图标
多数网站把图标放在域名根目录,浏览器地址栏输入网站域名加斜线favicon.ico就能打开,右键另存即可,这是拿官方原版最省事的办法。直接访问拿不到的站,可以打开网页源码搜link标签,里面写了图标的具体路径。注意图标版权归原网站,给自家项目或者已授权的场景用没问题,别拿别人的图标当自己的品牌。
自己生成一个ICO
手头有PNG或者矢量稿,转成ICO就行。常见尺寸是16、32、48、256这几档,最好把多个尺寸打进同一个文件,浏览器和系统按需取用。Photoshop本身存不了ICO,一般要装插件;GIMP能直接导出;很多在线转换器上传PNG就能出多尺寸ICO,挑不强制登录、不上传大图的用。文件名固定用favicon.ico放站点根目录,是最通用的做法。写前端的话,页面里用一行link标签声明图标:
<link rel='icon' href='favicon.ico'>浏览器会自动去请求这个地址。
开源图标库和系统自带图标
要通用的功能图标,去开源授权的图标库找,看清授权协议,商用条件各不相同。Windows自带的系统图标打包在C盘Windows目录下System32里的imageres.dll等文件中,双击打不开,得用资源查看工具提取,自用没问题,别二次分发。
换了图标不生效
网站换了favicon浏览器还显示旧的,多半是缓存,Ctrl加F5强刷,或者地址栏直接访问一次那个favicon地址再看。客户端图标有缓存的话,重启资源管理器或清理图标缓存。
取舍很简单:自己项目用自己生成的最干净;引用别人家的图标,先看授权再动手。