当前位置:首页 > 人生常识 > 正文内容

如何为你的网站添加ICON小图标?

彭淇4年前 (2017-08-07)人生常识37621

可能有很多朋友不知道什么是网站ICON小图标,其实网站ICON小图标就是显示在标题前面的小图标。比如飞翔勿扰博客上面标题前面的这个图标就是ICON图标。不明白的朋友可以看图。

如何为你的网站添加ICON小图标?  视觉差 博客 信息 第1张

看完图后知道什么是ICON小图标了吧!下面我将为大家讲一下如何制作你网站的ICON小图标。


如何制作网站ICON小图标?

第一步:利用PS或者是AI软件,新建一个长度和宽度相等的图像图层。

第二步:制作图像内容。图像内容可以参照自己的制定,如果自己有特定象征意义的LOGO,就用自己的LOGO。比如飞翔勿扰博客的ICON图标是一个“PQ”字。

第三步:保存图片为PNG格式。

第四步:百度搜索,ICON在线制作,会出现很多制作软件,可以任意选择一个。也可以在在线工具中选择ICO工具

第五步:打开ICON在线制作软件,在线制作网站ICON小图标,选择目标尺寸和源图片之后,点击“在线生成favicon.ico图标”。

第六步:下载制作好的ICON小图标后,重命名为favicon.ico之后,用FTP上到网站根目录即可。如下图所示:

第七步:在上传完成之后,在浏览器地址栏输入“http+冒号+双斜杠+你的域名+斜杠+favicon.ico” ,查看文件是否上传成功。

在制作好一个漂亮的网站ico小图片后,下一步就开始让ico小图标在搜索结果中显示。

如何让ico图标在搜索结果中显示?

第一步:找到网站的index页面文件,把以下代码加入你的网页里与之间。

加入的代码是:


<link href="/favicon.ico" rel="icon" type="image/x-icon" />


    第二步:刷新浏览器,并清除缓存,就可以看到你的logo图标就会出现在浏览器的标签上了。


扫描二维码推送至手机端访问。

版权声明:本文由淇云博客发布,如需转载请注明出处。

本文地址:https://www.pengqi.club/blog/118.html

相关文章

Sublime Text 3.0 全新UI主题,新 Logo 和诸多新鲜特性 + 注册码

Sublime Text 3.0 全新UI主题,新 Logo 和诸多新鲜特性 + 注册码

Sublime Text 是一个代码编辑器。 Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Subl...

阿里云盘公测码分享(每日限量注册)

阿里云盘公测码分享(每日限量注册)

阿里云盘官网:https://aliyundrive.com 邀请码:YUNPAN(每日限量)ADRIVE(每日限量)今天不行就明天...

robots对网站的作用是什么?如何利用robots删除死链?

robots对网站的作用是什么?如何利用robots删除死链?

Q1:已被百度抓取的死链,可以通过robots屏蔽的方式让百度删除吗? 不建议这样做,最快最有效的方法是通过百度站长平台 死链提交工具 进行处理...

教你用一句js代码批量删除QQ空间说说

教你用一句js代码批量删除QQ空间说说

第一步打开QQ空间,点击说说那个选项 浏览器打开开发者工具(按F12,本人使用Chrome浏览器测试)  点击Console(控制台...

如何获取腾讯视频等九大视频网站的视频分享代码

如何获取腾讯视频等九大视频网站的视频分享代码

很多博主都想在自己的博客网站上分享一些视频,但是对于如何获取视频的分享代码就不是很明白,所以今天特意把九大视频网站的视频分享代码分享出来,以供大家学习。PS:已经一一验证可用。一、腾讯视频点击某视频,...

网站图片的简单优化

网站图片的简单优化

网站图片的简单优化 图文并茂是当前网站内容建设的主流和趋势,如果一个网页上,如果都是图片,或者都是文字,从阅读体验度上来说都不太好。可是通常而言,网站上的图片并不能够很好的收录,从目前来看,...

评论列表

彭淇
4年前 (2017-09-17)

[code][S19]好羞射,文章真的好赞啊,顶博主![/code]

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。