如何给网站制作一个favicon.ico图标,附代码(图)
分类:网页设计 Tags: 工具 评论:0 浏览:10727 最近更新时间:2007/5/22 10:29:51

ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像:
绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.
上面的图片是我的个人网站的ICO图标,以下是一些名站的头像:
百度
新浪

新华网

多数有名的设计网站更重视ICO图标:
设计在线:

闪客帝国:

逸品设计:

其实制作ICO图标很简单,主要是很少软件支持ICO格式,关键是将JPG或GIF转为ICO格式,网上下载的可以转ICO格式的软件全是收费的,没有一个可以完全免费使用的,下面的方法可以不用花钱一样可以做成自己的ICO图标。
步骤:
1:先用画图软件最好是FireWorks或Photoshop做一个16*16的图标,存为gif或者jpeg格式;
2:到这个网站转化为ico文件:http://www.chami.com/html-kit/services/favicon/
3:上传到网站的根目录下就完成了。
现在把你的网站加入收藏夹再重新打开看看,就是这样简单!
如果没有显示,可以在网页的head里加入下面的代码:
<link rel="shortcut icon" href="favicon.ico">
技巧:制作16X16的图片千万不要先做大图再改变分辨率,这样做不出清晰的图标的,就当是用16乘16的=256个小方块拼一个图标出来,在Photoshop里也可以实现.我见过有在16X16的格里拼出一个熊猫的,还是全身的.这就要高度概括的能力了.
本文地址:/210/
-
• 林子大了什么鸟都有,各位站长请注意你们的代码安全
• 关于鼠标的默认图标
• 解决XP系统IIS5.0 报Server Application Error错误方法,亲自测试可用
• 如何让网站”HTTP 500内部服务器错误“显示为具体的错误信息?
• CSS按比例缩放图片代码
• 冬天来了,给自己网站加飘雪花效果
• CSS设计中常见的应用技巧,编写技巧
• 如何有效防止网站出现垃圾留言,垃圾评论?
• Dreamweaver cs3 占用cpu100%的解决方法
• 网站快速成功的九个步骤
-
• 如何防止ACCESS数据库被下载的解决方法
• .htaccess中的apache rewrite规则写法详解
• 大学生网页设计毕业论文下载-南昌科技大学网站下载及说明书(本人毕业设计作品)
• Google Apps Gmail企业邮箱如何添加新的邮箱帐户
• 如何点亮QQ在线客服图标,解决QQ图标显示灰色,提示未启用的问题
• 体验搜狗免费企业邮局系统,我又有自己的域名邮箱了!
• ASP格式化显示时间的函数代码
• 做有用的网页,做有利于网络营销的网页设计
• 网页Title标题、Keywords关键词、description描述该怎么写才利于网站优化
• 企业建站规范有哪些具体内容?
-
• Google Workspace gmail企业邮箱老板监控员工邮件操作方法
• zoho企业邮箱开启手机验证码双重认证教程
• 外贸网站如何使用Google Search Console谷歌管理员工具
• 腾讯企业邮箱开启安全登录后,如何登录foxmail收发信
• 获取小红书无水印图片的原理
• iis如何支持.webp图片格式访问
• FireFox火狐浏览器有用的设置方法记录
• 最新政策 Google免费版企业邮箱个人用途可以继续保留免费版
• MySQL报Field‘***’doesn’t have a default value错误的解决办法
• 抖音国际版TikTok注册过程记录