php网站如何添加ico图标,如何添加favicon.ico图标？

在本站首页的活跃博客中经常看到有部分博客网站没有favicon.ico图标，所以今天打算普及一下相关知识，希望还没有favicon.ico图标的博主们，能够制作出自己独特的图标。

那么到底什么是favicon.ico？

好搜百科给出的解释：所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。

其实说白了就是：favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上，用于显示网站的logo，如上图最上面的那两个红圈的位置，目前主要的浏览器都支持favicon.ico图标。

那么到底如何制作呢？

其实，现在网上有很多在线制作favicon.ico图标的网站，如比特虫的在线制作ICO图标，个人就觉得非常简单和方便。

我们只需要设计一个自己喜欢的LOGO，这个LOGO最好是.jpg .jpeg .gif .png等图像格式，文件大小限制在小于500k，像素控制在400x400的jpg图像(建议最好是正方形，像素可大可小影响不大)。

制作好一个LOGO后，打开比特虫在线制作ICO图标的网站，上传我们制作好的LOGO，选择16X16尺寸，输入验证码，点击“生产ICO图标”，接着下载即可制作成功。

最后将这个制作成功的favicon.ico图像放在根目录下(也可以是其他目录)，然后在WordPress的header.php文件的

标签之间插入即可。如果是放在其他路径，跟着修改href=" /favicon.ico"的路径即可。

在这里，强烈建议把favicon.ico图像放在根目录下，因为一般读取博客网站的这个图标的地址都是：http://博客网址的域名/favicon.ico,如本站的就是https://boke112.com/favicon.ico。如果是放在其他目录下，就会导致这个favicon.ico图像显示不出来。如果主题所要求favicon.ico图像不是存放在根目录，而是存放在其他目录，建议把这个favicon.ico也上传一个到根目录，这样就两全其美了。

温馨提示：文章内容仅代表作者个人观点，不代表懿古今赞同其观点和对其真实性负责！

文章标签：标签大全 , 实用教程

你可能感兴趣的文章

php网站如何添加ico图标,如何添加favicon.ico图标？相关推荐

nginx前端网页小图标配置（favicon.ico not found问题）
问题我们自己搭建nginx服务并挂上前端静态资源,按F12会看到有个当前ip和端口下的favicon.ico资源get请求返回404,在nginx后台日志里也能看到CreateFile()的错误.这 ...
html ico 图片无效,设置favicon.ico manifest.json无效
设置favicon.ico和手机添加到桌面的图标都不生效,求教 index.html ... 这样设置 favicon.ico没有生效为何? 目录结构: manifest.json { " ...
typecho图标_Typecho浏览器图标favicon.ico添加方法 - 新手站长网
摘要 Typecho设置浏览器图标favicon.ico的方法,先制作ico图片然后上传到主题所在目录,然后编辑外观在header.php文件中插入shortcut icon代码 Typecho如何添 ...
python运用ico图标_如何优雅地处理Django中的favicon.ico图标详解
前言 favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看. 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习 ...
favicon.ico图标制作
图标制作 https://tool.lu/favicon/在线生成连接地址,打开连接后选择图片,选择相应的格式,一般默认使用16*16, 最后点击下载就可以了. 2.使用方法得到你的图标以后,把fa ...
springboot 中favicon.ico 图标不显示问题，后台日志报错找不到favicon.ico 文件问题解决
重构框架的时候发现这个问题在服务器上发现已访问就会出现favicon.ico 找不到的日志,开始也是在网上找方案,找问题,结果都不是很符合心意. 我个人感觉还是配置拦截器的问题,先贴代码.然后真的是 ...
在线透明favicon ico图标文件制作 - aTool在线工具
原址:http://www.atool.org/ico.php 在线透明favicon ico图标文件制作 - aTool在线工具支持格式 png.jpg.gif 在线转换成透明.ico图标. [图 ...
在线favicon ico图标文件制作工具
推荐一个:在线工具所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全 ...
在线制作FAVICON.ICO
在线生成favicon.ico的网址:http://www.chami.com/html-kit/services/favicon/ 它有6个在线工具:http://www.chami.com/htm ...
favicon.ico设置及修改问题
最近用vue构建前端项目时,需要将网页打开时显示小图标,在网上大概搜了一下,希望对大家有帮助. 1.favicon.ico图标的制作 favicon.ico图标大小选取:浏览器默认的 favicon. ...

php网站如何添加ico图标,如何添加favicon.ico图标？

php网站如何添加ico图标,如何添加favicon.ico图标？相关推荐

最新文章

热门文章