如何在网页标题栏title加入logo图标?

打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的logo图标呢?

方法一(被动式):

制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

方法二(自动式):

在网页HEAD标记中添加如下代码:

标题栏:
<link rel="icon" href="ico地址" type="image/x-icon">
收藏夹:
<link rel="shortcut icon" href="ico地址" type="image/x-icon">

注意:图标要用 16*16 色的。。。(保证了兼容性,无论在哪个地方都可以显示)

在这里要注意,如果将 16*16 的 bmp 文件改为 ico ,在WINDOWS 支持,但放在浏览器或别的软件就会出错 。因此图片的格式要通过软件来调整,毕竟内部的信息是不一样的。

同时在使用方法二的时候,就不一定要把图形文件放在网站的根目录下面了,你可以放在任何位置,甚至直接连结到其他网站上面的图形文件也可以,而且图形文件的文件 名也不一定要叫做 favicon.ico,可以自己随便取。 不过要注意的是使用这个做法的话,只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

这里在来一个网上图片抓换的网址:http://www.ico.la/

时间: 2024-10-13 12:01:43

如何在网页标题栏title加入logo图标?的相关文章

如何在网页标题栏title加入logo(icon)图标?

打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的logo图标呢? 方法一(被动式): 制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了.这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了.

如何在网页标题栏title加入icon图标?

打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的ico图标呢? 方法一是:找一个或者作一个格式为ico的图片,然后把图片的名字改为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了. 这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个图片,就会将该图标显示在访问者的地址栏和收藏夹列

在网页标题栏title加入图标?

方法一:制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了.这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了. 方法二:在网页HEAD标记中添加如下代码:标题栏:<link rel="icon" href="ico地址" type="im

如何在网页标题栏中插入图片图标

1. 制作ico文件,你可以先制作出gif.jpg.png的都可以,大小在16px*16px最佳2. 在百度搜“在线jpg转ico”,会有这样的网站,你按照步骤操作,得到ico文件3. 将ico文件放置在网站根目录下4. 在你的<head>...</head>添加<link rel="icon" href="/favicon.ico" type="image/x-icon" /><link rel=&qu

如何将网页的title前面的图标替换成自己的图标

首先要准备自己的图标,图标必须是.ico格式的图片,网上有很多在线工具可以将自己的图片转换成ico格式的图片,这里给大家介绍两个网站 在线ico转换工具:生成的图标是可以选尺寸的,原图片的大小不限制 http://www.bitbug.net/   生成的图标背景是图片的背景,图片如果为透明背景,那么生成的ico图标也是透明的 例如:<link rel="shortcut icon" href="/favicon.ico"/>

网页中的title中设置图标

一直想指导每个网页中title旁边的图标是怎么实现的,像这个百度的图标,今天做了一下,很简单,下面记录一下. 做一个图片,一般的图标都可以,把图标后缀改为.ioc格式就OK了,放在项目路径下,保证该图片可以被访问到,然后在你的页面中加上一行代码,像这样: <link href="../../../images/head.ioc" rel="shortcut icon" />,这样就OK了.

网页窗口logo图标设置

网站上的logo实际上是一个“**.ico”图片,比如说favicon.ico.实现步骤:第一步:制作favicon.ico,大小一般为16*16毫米(ico图片制作网址http://www.ico.la/):第二步:将“favicon.ico”放到项目的某个路径下.第三步:在所有html页面head中添加如下代码. //收藏用logo图标 <link rel="bookmark" type="image/x-icon" href="favicon.

Logo图标快速生成软件(Sothink Logo Maker) v3.5 官方设计师版

Logo图标快速生成软件(Sothink Logo Maker) v3.5 官方设计师版 下载地址:http://www.cr173.com/soft/10238.html 硕思logo设计师怎么把背景logo去掉? http://jingyan.baidu.com/article/c275f6bac03b22e33c75674b.html 1.制作好LOGO之后,首先导出SVG文件,而不是直接导出图片,保存好. 2.利用浏览器打开存好的SVG文件. 3.右键保存为png或者bmp位图文件. 4

如何写一个网页标题title的闪动提示

通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换.例:[你有新消息]与[ ]切换.提示内容弄是动态的,所以替换文字的空格数目也是算出的.这里用全角的空格.但是如果提示消息中有‘数字’等半角字符的话就会出现问题.全角的空格比半角的1的宽度要宽的多.这样的话,闪动起来看着就不是很舒服:解决方法就是用全角的空格替换全角的字符,半角的