怎么在浏览器网站前添加图标（图片）

大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标，在浏览器的标签位置也有一个小图标，例如 CSDN是个C 、网易163邮箱是个“易”、360浏览器是他们的logo旋转球等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢？有了这个小图标你的网站就会比别人的网站更加醒目，更能引起其他人的注意。
PHOTOSHOP、FLASHFXP、记事本
需要制作一个ico格式的小图标
步骤/方法:
1.使用PHOTOSHOP制作一个宽高均为32像素的小图标，制作完成后存储为ico格式的即可。
2.使用FLASHFXP下载网页到本地，并备份一份以防万一，使用记事本打开网页的源代码。
3.找到网页源代码的head部分，并在head部分插入下面这句代码，注意href里的地址是你存放ico图标的地址，根据你网站上存放的位置来写。
<link rel="icon" href="http://img.bj.wezhan.cn/2011844_favicon.ico?t=201703101037222406" />
4.把修改过的网页文件上传到虚拟主机上，然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。
5.大功告成！打开IE浏览器，输入你的网址试试看？是不是已经有了小图标了？
小图标的格式一定要是ico格式的，宽度和高度都是32个像素值
如果按照上面的步骤做完后无法看到小图标，请把IE浏览器的缓存清理掉，清理完缓存之后即可看到小图标。
小图标的存放位置一定要和代码里的存放位置一致，否则无法显示。

怎么在浏览器网站前添加图标（图片）相关推荐

如何给网站标题添加图标(favicon)
如何给网站标题添加图标(favicon) 什么是favicon? 如何定义favicon? 第一种方法,在服务器根目录下放置favicon.ico文件什么是ico 第二种方法,在网页\\标签中引入l ...
如何为网站标题添加logo图片
作为一名运维工程师,是应该具备一些前端的技能,比如html , css等如何设置网页的图标,让网站看起来更加美观, 前言对于网站 favicon.ico 图标的大小,建议大家选择 16x16 或者 ...
如何在网页标题前添加图标
在前端中,我们为了页面的美化有时需要给标题前面添加图标.今天,我们来看一下如何添加: 首先,先看一下只添加标题的结果 <!DOCTYPE html> <html> <he ...
给网站文字添加图标-Font Awesome
Font Awesome图标库是很多站长都在使用的,使用起来也非常的简单有一些主题的目录啊导航等都没有图标,光秃秃的,我正在使用的大前端也是这样,给导航或分类添加一个图标会让网站页面变得更精致,合理运 ...
vue引入的el-tree前添加图标
根据有没有子节点来显示前面是文件夹还是文件的图标 (因为遇到了就记录了下来) 如果有子节点(children),就在前面加上一个文件夹的图标(片),如果没有子节点,就显示的是文件的图标(片) 只 ...
为应用程序添加图标 ios_为已添加书签的网站添加iOS图标
自1999年引入Internet Explorer 5以来,书签图标或更常见的图标被称为favicon(收藏夹图标).书签图标或favicon通常使用.ico (有时也使用.png格式)指定为16×1 ...
html中怎么在图片上做导航,如何给导航菜单添加图标 | Catfish(鲶鱼) CMS | 免费开源CMS - 快速建站系统 - 官方网站...
我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示: 在鲶鱼系统里面我们怎么来添加这个文字前面的图标呢? 下面我们来介绍一下如何实现. 首先我们进入系统后台,在后台的侧边栏中找到 ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...
html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...

怎么在浏览器网站前添加图标（图片）

怎么在浏览器网站前添加图标（图片）相关推荐

最新文章

热门文章