ico图标是什么?网站如何添加ico图标?

今天的教程我们来说说网站怎么添加ico图标。可能很多小白站长们会在想ico是什么呢?ico就相当于一个小小的网站图标,我们应该怎么去添加到网站?

先说明一下,如果你的网站是叫别人一条龙搭建的,ftp文件数据库等在搭建商那边的话就不要尝试了,因为他们不会帮你添加任何东西。好了,我们现在说说怎么添加,先上一张图。

%title - 初学者博客

这个小小的图片就是本平台的ico,我们操作步骤其实很简单的,我们只需要准备你自己想要的logo把它弄成1:1的正方形,接下来我们会用到一个ico制作工具 http://www.fly63.com/php/ico/

上面图片内容大家应该看得懂,先上传你修改好的logo图片。

然后点击64*64的生成就行了,不要问为什么选64*64,你问了我也不知道,因为刚好合适如果太小看起来很变扭,太大看起来更变扭,所以还是选择64*64就OK。生成后下载时自带浏览器可以支持直接改ico文件名称改成:favicon.ico 不能直接修改的就直接上传时修改也可。

下载完成后我们就打开你们虚拟主机或者服务器,把刚刚下载的ico文件上传到根目录【如果连根目录在哪都不知道的话那就别瞎搞了】上传到根目录后还有一步最重要的。

放入代码: <link rel=”shortcut icon” href=”/favicon.ico”/> 这个代码放在任何一个模板文件顶部的<head>后即可看下方图片。

【一定要先把favicon.ico文件上传到根目录在操作放入代码】

把代码 <link rel=”shortcut icon” href=”/favicon.ico”/> 放入红箭头红色实线区域即可。

到这一步就可以了,等待几分钟返回自己网站就可以看到有一个小小的ico了,有些手机用户可能看不出,如果你按照正常步骤操作就已经完成了。

注 :模板文件在 template 文件中,放入代码时请勿修改其他任何代码,防止乱码导致网站崩溃。

好了今日分享就到这里了,后期还会继续更新一些网站咨讯的。

温馨提示:本文最后更新于2021-04-28,若文件或内容有错误或已失效,请在下方留言
正文 结束
①、本站部分资源来源于网络收集,仅供大家学习与参考。
②、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
③、如发现本站有侵权倾向,请参考《免责声明》进行处理。

喜欢就支持一下吧
点赞0
分享
文章评论 抢沙发