如何为你的网站添加标志性的图标(头像)呢？

　　今天get到一个新的知识点，虽说不是什么复杂的东西，但是能实现效果还是蛮高兴的。

　　为网站添加标识性的的图标（头像）？也许有人像我一样，刚开始并不知道啥意思，但是看到别人网站都有标识性的头像，立马就明白了是啥意思。效果如下：

　　这样可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站，这样是不是比那个光秃秃的标题看着要更爽些吧。

　　废话不多说，下面来说说是怎么实现的。

　　首先要做这种网站图标，我们要借助一些工具，如：比特虫在线制作icon图标、favicon.ico在线制作，这是我用过的两个很好用的在线icon制作。

　　一般而言，会有这几种规格的，16x16、32x32、48x48、64x64、128x128.（ps：我们的原图片文件应该是方形的，即宽高一致，否则做出来后图片会变形的）

　　以比特虫在线制作icon图标这个为例吧，选择所要制作成icon的图片文件，然后选择要制作的尺寸，即可生成，是不是很方便、很傻瓜式的工具啊

　　生成图标后会自动下载，然后在你的页面中嵌入<link rel="shortcut icon" href="图标路径" />，即可实现效果。

　　生成favicon.ico图像文件，可放在根目录下(也可以是其他目录)，在页面源文件的<head></head>标签之间插入 <link rel="shortcut icon" href="图标路径" /> 即可

转载于:https://www.cnblogs.com/jf-67/p/8087473.html

如何为你的网站添加标志性的图标(头像)呢？相关推荐

织梦同步静态文件到服务器,静态网站添加到织梦
静态网站添加到织梦内容精选换一换本文介绍了弹性文件服务SFS各特性版本的功能发布和对应的文档动态,新特性将在各个区域(Region)陆续发布,欢迎体验. 开启网页防篡改时,您需为指定的主机分配一 ...
php源码中如何添加滚动公告,如何给WordPress网站添加滚动公告？
如何给WordPress网站添加滚动公告?今天我们一起了解一下. 1.添加公告文章类型首先,注册一个公告的文章类型,包括公告的新建,添加,编辑与删除.在functions.php的同级目录下新建一个 ...
网站添加到IIS和附件进程调试（新手使用篇）
一.网站添加到IIS 做网站开发,很有必要把项目添加到IIS中,这对浏览和后期的调试很有帮助.怎么把网站添加到IIS上? 1). 打开IIS,然后操作步骤如下图: 选择Default Web Site ...
chromebook刷机_如何将网站添加到您的Chromebook架子上
chromebook刷机 Bookmarks are great to keep your favorite sites nearby, but they aren't the fastest opt ...
windows rt_如何在Windows RT上轻松将网站添加到Flash白名单
windows rt Microsoft's Surface RT and other Windows RT-based machines include the Flash browser plug ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...
使用prismjs为网站添加代码高亮功能
prismjs 是一款轻量.可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁.高效的代码高 ...
hexo博客添加暗色模式_我如何向网站添加暗模式
hexo博客添加暗色模式同一个网站,两种不同的配色方案 (Same website, two different color schemes) Last year I made it a point ...
【HTML】使用css3和html给网站添加上春节灯笼特效
马上就过年了,网站也可以装饰一下,本文就教大家如何使用css和html代码给你网站添加上一对新年灯笼. 这个灯笼特效可以加到任何网站上面,不管你是不是用的WordPress搭建的网站都可以. 具体的方 ...

如何为你的网站添加标志性的图标(头像)呢？

如何为你的网站添加标志性的图标(头像)呢？相关推荐

最新文章

热门文章