首页 > 代码库 > 网站图标制作
网站图标制作
http://free.logomaker.cn/tools/icoMaker.aspx 网站图标制作
先找好图标素材,可以去这里搜素,图标搜索引擎
iconpng http://www.iconpng.com/
转换成icon 16*16格式,这样显示的不失真并且很清晰,可以去这个网站进行转换
ICO图标在线制作 http://free.logomaker.cn/tools/icoMaker.aspx
ICO图标在线制作 http://free.logomaker.cn/tools/icoMaker.aspx
至于图标为什么一定要命名为favicon.ico,我不是太理解,我上传其他.ico图片大小不是16*16的图标或者是gif、jpg、png都行,只是图标显示的不清晰
网上找到这样一篇文章解析
在网页中使用Favicon.ico:
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了。
具体设置也很简单,在Html中的<head>部分加入如下的代码:
程序代码(如果代码中的引号不是英文状态下的引号,请修正。):
<link rel="icon" href="http://www.mamicode.com/dir/favicon.ico" mce_href="http://www.mamicode.com/dir/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.mamicode.com/dir/favicon.ico" mce_href="http://www.mamicode.com/dir/favicon.ico" type="image/x-icon">
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
程序代码
<link rel="shortcut icon" href="http://www.mamicode.com/favicon.ico" >
<link rel="icon" href="http://www.mamicode.com/animated_favicon.gif" type="image/gif" >
效果请用火狐浏览器浏览本站。
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了。
具体设置也很简单,在Html中的<head>部分加入如下的代码:
程序代码(如果代码中的引号不是英文状态下的引号,请修正。):
<link rel="icon" href="http://www.mamicode.com/dir/favicon.ico" mce_href="http://www.mamicode.com/dir/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.mamicode.com/dir/favicon.ico" mce_href="http://www.mamicode.com/dir/favicon.ico" type="image/x-icon">
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
程序代码
<link rel="shortcut icon" href="http://www.mamicode.com/favicon.ico" >
<link rel="icon" href="http://www.mamicode.com/animated_favicon.gif" type="image/gif" >
效果请用火狐浏览器浏览本站。
网站图标制作
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。