什么是网站 ICO 图标?
打开微软、百度等网站后看到浏览器的标题栏、地址栏,多浏览器的标签上都显示了一个小图标,如 ,这里说的就是这个东东。
如何制作 ICO 图标?
这里使用最简单的办法。因为 ico 格式图片比较特殊,一般软件(如 Windows 自带的画图、Adobe Photoshop 等)都制作不了,我们就分两步做。
第一步是用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图,格式可以是 jpg / jpeg / gif / png 等,大小大概在 32*32 像素差不多,最好是 16px×16px 的,因为浏览器标题栏和地址栏上显示的就是这个尺寸。
第二步是将制作好的 ico 原图转换为 ico 格式,制作好后去一个可以在线转换 ico 格式的网站(百度一下会有不少,也可以下载一个转换软件进行处理)。这里推荐 http://www.bitbug.net/ ,打开该网站后界面很清晰明了,经数秒简单的处理即可转换为我们要的 ico 格式图标文件,文件被自动命名为 favicon.ico。
这样 ico 图标就制作完成了。
如何让 ICO 图标在网站上显示?
先将转换好的 ico 图标文件上传到网站任意目录,一般为根目录。以我的为例,我上传到 /bbs 目录下,也就是说 ico 文件的路径是 /bbs/favicon.ico。
然后在需要显示该图标的页面模板头部(<head> 与 </head> 之间)插入以下代码:
<link rel="Shortcut Icon" href="/bbs/favicon.ico">
如果你的模板是 XHTML 规格的,代码应该是:
<link rel="Shortcut Icon" href="/bbs/favicon.ico" />
分享到:
相关推荐
为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip
图标文件 浏览器 图标总汇 ico png 值得下载
水晶图标 ICO图标 超漂亮ICO图片 很漂亮!~
网站导航的logo,设置为自己的logo方法和,生.ico的软件,免费下载~\(≧▽≦)/~啦啦啦
favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo,如图红圈的位置, 目前主要的浏览器都支持 favicon.ico 图标. 如果要让网站看起来更专业、更美、更有个性,制造...
favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo,如图红圈的位置, 目前主要的浏览器都支持 favicon.ico 图标. 如果要让网站看起来更专业、更美、更有个性,制造...
PHP在线生成ICO图标完整源码。在多浏览器下测试可用。一个icon制作小工具。
通过对静态页面的设置和添加一个ico图片在根目录下,只需一句代码即可实现在浏览器导航栏左边显示一个自己设计的ico的logo图片
【ico】是Icon file的缩写,是Windows的图标文件格式的一种,可以存储单个图案、多... 一般所说的ico图标是作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。例如:我要购的图标,网址前边的图标。
上百个ico小图标,美化软件图标。浏览器图标
此外,在诸如Maxthon这类第三方浏览器当中,网站的ICON图标将显示在地址栏和标签栏的左边,既加深用户对你的网站的印象,又可以令用户在已经打开的众多子页面里迅速找到属于你网站的页面,好处实在不少。
favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,所以你在...
所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的...添加favicon.ico图标的方法有两种 首先先制作一个ico文件,使用PS或者某些在线生成ico的网站即可,我是在下面的网站生成的,当然,你也可以
轻松制作ico图标,在线提供ico图标转换工具,可以将jpg、jpeg、 gif、 png等图像转换成ico图像,方便浏览器制作并生成favicon.ico图标
网页图片采集源码,webclint使用以及图片地址截取例子
五个原生浏览器图标 哪五个相信你已经猜到了 是用魔方图标大师从已安装的五个浏览器的主程序中提取出来的 附带其对应的浏览器文件图标 附带所有ICO的PNG版本
如何将tomcat图标换成自己的 IE7中每个页面都有一个自己的图标,如果不自己制定的话,会变成tomcat的小猫咪。下面说一下怎么改掉这个小猫
修改系统默认的图标:如我的电脑、回收站、浏览器、开始菜单项、分区、快 捷方式及共享覆盖图标、系统文件夹,自定义桌面属性以及文件夹图标。 3.x新增功能:支持 Windows Vista 格式图标,支持绘制平滑的线条和形状...