ico的尺寸_Favicon.ico浏览器图标文件制作和正确使用

favicon图标介绍

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。图标文件一般尺寸较小，常见的是16*16,32*32和48*48。图标是部分透明的，可以直接打开浏览。

今日头条favicon图标

如何使用Favicon.ico？

1. 将成功生成的图标文件下载并改名为favico.ico，上传到网站根目录。

2. 在网站首页的源文件 head 之间插入下面的代码:

制作ico图标

一：手动制作

.可以手动用ps等软件制作尺寸为6*16,32*32和48*48像素的png格式图片，然后再用格式工厂等软件转换图片格式为ico格式。

二：在线制作

我们也可以在线制作，推荐两个在线制作的网站。

http://www.bitbug.net/http://www.faviconico.org/

操作很简单，上传自己喜欢的图片点击制作即可，完成后下载即可使用。

如何创建动态ico图标

先把做好的gif动态图标命名为favicon.gif，然后再 head 之间加上：

注意

強烈推荐使用.ico而不是使用png或者gif

1. 最重要的就是，所有的浏览器，包括IE5，都支持ico文件，gif、png等都没有ico支持范围广

2. 如果有favicon.ico，服务器的404错误会有友好返回，我们测试了所有现代浏览器(测试了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4)，发现他们都会请求favicon.ico，这样错误页就会有对应图标显示，所以最好用ico！

3. 一个.ico文件可以同时满足多个尺寸的需求，不需要每个尺寸单独生成一个文件。

ico的尺寸_Favicon.ico浏览器图标文件制作和正确使用相关推荐

在线透明favicon ico图标文件制作 - aTool在线工具
原址:http://www.atool.org/ico.php 在线透明favicon ico图标文件制作 - aTool在线工具支持格式 png.jpg.gif 在线转换成透明.ico图标. [图 ...
在线favicon ico图标文件制作工具
推荐一个:在线工具所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站.当然,这不仅仅是Favicon的全 ...
将图片转换成一个Ico图标文件
利用VB6编写的一款图片转ICO图标文件的小工具,程序界面简洁易用,只需载入一张图片便可生成一个ICO图标文件,还可以对图片进行尺寸裁剪,样式有矩形.椭圆.圆角,加边框等功能,图标尺寸最好为正方形,这 ...
typecho图标_Typecho浏览器图标favicon.ico添加方法 - 新手站长网
摘要 Typecho设置浏览器图标favicon.ico的方法,先制作ico图片然后上传到主题所在目录,然后编辑外观在header.php文件中插入shortcut icon代码 Typecho如何添 ...
如何创建你的ico图标（一个含有多种尺寸的ico）
一.下载ps下能存ico格式的插件因为我们要在Photoshop中创建这个图标,所以,首先要下载能将图片保存为.ico格式的Photoshop插件.Photoshop本身是不支持将图片保存为.ico ...
Adobe Photoshop 输出ICO格式图标文件
ICO文件格式是Microsoft Windows中计算机图标的图像文件格式. Adobe Photoshop默认不能输出为这个格式,想要这个格式的话可能需要其他软件进行转换,其实PS装一个插件就可以 ...
答：怎样把图片文件转换成.ico图标文件？
答:怎样把图片文件转换成.ico图标文件? 有许多中方法制作图标文件.选其中的两种方式记录下来. 第一种非常简单,使用"小榕图标编辑器".是公用软件.免费.使用起来非常简单,根本不 ...
怎样把图片文件转换成.ico图标文件？
怎样把图片文件转换成.ico图标文件? 比如把.bmp/.jpg/.gif等格式的文件转换成.ico文件.应该如何作呢? 有知道的大哥告知一下吧. 有答案啦!!! 答:怎样把图片文件转换成.ico图标 ...
如何让图标文件（ico）的背景变透明？
写程序经常会用到图标文件(ico),很多时候我们都希望它们的背景是透明的,它们最好只显示我们想显示的部分,就如我们的桌面上的图标.那么,如何做到这一点呢?我们来讲讲简单的做法. 首先,您需要准备两个软 ...
让你的Photoshop编辑制作ICO格式图标文件（ICOFormat支持图标文件插件）
相信非常多制图的朋友都喜欢用PS,可是你能用Photoshop保存为ICO格式图标文件吗?默认肯定不行.不知道是什么原因,大名鼎鼎的图像编辑软件Adobe Photoshop一直不支持导入导出ico格 ...

ico的尺寸_Favicon.ico浏览器图标文件制作和正确使用

ico的尺寸_Favicon.ico浏览器图标文件制作和正确使用相关推荐

最新文章

热门文章