网站设计中的定制图标添加方法
网站设计必须兼备实用性和艺术性才能称得上是成功的网站设计。我们平时在互联网上冲浪的时候，经常会看到有些网站的URL地址前有一个很特别、很别致的个性化小图标，这个小图标像网站的Logo一样，不仅能够帮助人们对网站的风格和定位形成一个感性的认识，还在某种程度上影响访客对网站设计的整体观感。因此，为网站创建一个定制的小图标是很有必要的，它可以让浏览者在收藏你的网站的时候，把这个小图标也收藏进去，并形成对你网站的深刻印象。
这些小图标通常出现在收藏夹里，或者网站浏览器的搜索框里。这些小图标就是我们所说的favicon。下面，我们就来介绍一下如何为你的网站设计作品创建这样一个定制的图标，相信，在使用了这种图标之后，你的网站在用户体验方面的得分将会大有改观的。
设计网站图标的图案
使用绘图工具，设计一个大小为16 x 16像素的图片。这个图片看上去会显得很小，所以试着设计几个不同的版本直到找到最适合你的网站的那一个。
然后将图片用256色或更少色的GIF或BMP格式保存下来。如同网站图片一样图标文件需要在电脑屏幕上显示，所以它们不会完全显示成百上万种颜色。尽管如此但是，如果一个图标文件只适合在Windows内显示，那么应该用256种颜色而不是网站标准的216种颜色。
将其转化为一个图标
在制作了一个令自己满意的图形后，你需要将其转化为图标格式。事实上有很多图标编辑器，可以帮助你实现那些看似复杂的功能。作为图片软件向导的苏.切斯顿曾经列出了一些比较好用的工具，我们可以任意选用。目前，很多网站设计者都选择使用IconForge。一定要记住，我们要将文件存储为favicon.ico.格式。
发布图标
发布图标是很简单的， 把它上传到想要收藏的相同的文件夹内就可以了。例如：对于一个网站的about页面，我会把图标放在http://webdesign.about.com/library/weekly/favicon.ico这个地址内。
事实上，如果你愿意，你可以为每一个不同的页面设计不同的图标，或者在很多文件夹里调用同一个图标。如果要这么做，你要为每个你想添加有关favicon的HTML文件头部添加一个链接。例如：[blockquote] <link rel="shortcut icon" href="path to icon/favicon.ico">[/blockquote]
Favicons 显示位置
在你的网站上放置一个favicon.ico文件后，它显示的位置可能不是那么明显。Favicon 显示的位置主要有三个：
1.网站浏览器的收藏夹或者书签里
2.网站浏览器的地址栏里，在URL旁边
3.网站浏览器的TAB条内。
在上传你的图标后，要测试一下上传后图标的效果，你需要清楚cache，然后再浏览你曾经添加favicon的页面。如果它没有显示在你的tab条或者地址栏内，将网站收藏一下，然后再查看一下你的收藏夹。如果它可以显示的三个位置都没有显示的话，检查一下你的浏览器版本，看它是否支持favicons，然后检查一下你的图标文件，确保图标文件确实是一个图标文件。
本知识库文章由flash网站制作公司(上海)原创或翻译，如有转载需求，请联系我们，并注明文章出处，提供网站文章源链接。
|
网站建设开发
