如何给网站加上ico图标？

时间 2020-06-21

标签如何网站加上 ico 图标栏目网站开发繁體版

原文原文链接

咱们在浏览网站时，时常能够在网页的顶部看到一些这样的图片：php

那么这样的效果是如何实现的呢？下面给你们简单讲解一下。在讲解以前咱们须要了解这两个问题：html

favicon.ico是什么？web

所谓favicon，即Favorites Icon的缩写，顾名思义，即是其可让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不一样的网站。浏览器

favicon.ico是一个网站必要的吗？服务器

不是必要的，可是web服务器在网站加载时都会请求favicon.ico这个文件，若是不存在就会报404错误，而且会记录到错误日志中。
工具

1.使用ico图标网站

（1）首先咱们须要把favicon.ico这个图标放到根目录下（确保兼容性）.net

（2）而后再html里面，<head>之间引入便可日志

ico图标的引用十分简单，可是在实际开发的过程当中，若是咱们没有xxxx.ico这种格式的图标，就须要咱们本身去制做ico图标了。cdn

2.制做ico图标

（1）首先准备好咱们想要转换为ico图标的图片，如下面这张图片为例。

（2）借助于第三方转换网站： www.bitbug.net/ 比特虫

（或者打开在线工具aTool（www.atool.org/ico.php）也能够生成ico图标）

①选择咱们的图片，而后选择相应的尺寸，再输入附加码生成ico图标。

注意：在线转换以前必定要转换成长宽相等的图片，否则转换成ico以后，图片会被拉伸或者压缩。

favicon的格式必定是ico格式吗？

favicon的格式不必定是ico格式，它能够是png，jpg甚至是gif，不过ico格式是全部浏览器都支持的。 favicon.ico的尺寸有16×1六、32×3二、48×48，在添加到桌面、任务栏小尺寸的图标就不是很理想了，这就须要多种尺寸兼容各类设备和状况。

②再将图标放到咱们文件的根目录中

③在页面中引入

④保存打开网页

这样咱们网站的ico图标就制做完成了。

大二菜鸡，记笔记不易，随手点赞，将爱传递hhh。