【编者按】细节决定□□成败，这句话不□□□知从何而□□来。最终它成□□为一句“成功学”励志名言。就网站设□□□□计而言，细节不决□□定成败，但是很多□□□的细节可◉能影响成▼败。为此，我们就网□□□□站设计细□□节进行讨☆论。该篇，我们看看□□网站图标。
 

什么是网站图标？有何用？怎么做？
很多人可◆能没注意，当我们打◣开网站的□□□时候，在浏览器◇的标签上，或者是在□□□□收藏夹中，有的企业□□网站有图□□□标，有的网站♦没图标。这个图标，就是网站·图标。
什么是网站图标？
网站图标□□□国内称之◣为ICON，英文全称□□□是favicon。favicon是一个16x16像素的小□□图标，用于web浏览器，代表一个□□□□网站或网□□□页。favicons通常显示□□□在web浏览器顶丨部的选项□□卡上，但是它们□□□也可以在□□□浏览器的□□□□书签栏、历史记录□□□等等中找□□□到。在某些情□□□□况下，比如在谷□□歌Chrome上，它们甚至□□□会出现在▲浏览器的□□□□主页上。换句话说，favicon是你网站▲的图标，或者是一◥个用来识□□别你的网□□□站的视觉□□标记。
那么，这么小的一个图标有什么用呢？

网站图标的作用

尽管图标□□□的尺寸很□□□小，但它们对◇任何网站▼都非常重□□□要，可以提高◤用户体验、品牌和专□□□□业度。
用户体验——网站图标□□□□为访客提□□供了令人□□□□难忘的视□□觉提示，增强了用□□户体验。它们帮助□□□用户轻松□□□地在浏览□□器和书签□□□□栏等不同□□应用程序□□□□之间定位□□□□网站的选□□□□项卡，使用户更□□□□容易以及□□□反复访问□□□网站。
品牌——对于一个□□真正有凝○聚力的品▲牌，重要的是□□□□不要忽略□□哪怕是最□□微小的细□□节。网站图标□□有助于企◥业网站的丨品牌可见□□□□性，将你的风□□□格和语言□□扩展到网◢站之外和□□浏览器中。
专业性——网站图标□□□为你的网□□□□站增加合□□□法性和专□□□□业性，使它看起□□来敏锐、安全以及□□□□专业。

如何做网站图标？

谁来做——网站图标□□制作不是□□一个复杂□□□的工作，你可以将□□□其写入建□□站公司的□□合同中。当然，你也可以◉使用一些□□□□免费工具，自己制作丨一个网站□□□图标交给□□□□建站公司。
大小——创建图标□□□□的最佳大□□□小是16x16像素，这是最常□□□□用的显示□□□大小。然而，它们有时●也会出现□□□□更大的尺▽寸中(例如32x32像素)。
文件格式——网站图标首选文件格式是JPEG或PNG。
透明度——如果你的♦设计背景□□□是透明的，一定要将□□你的文件□□保存为PNG格式，并进行透•明设置。

网站图标设计注意事项

简单：图标的小□□□尺寸要求◉你的设计○要精确。避免过多□□□的细节，如小线条、纹理或阴□□影。相反，图标应该◥清晰和简□□单就足够□□□了。
统一：图标应该▲包括了你▽的企业品□□□牌LOGO或者是品□□□□牌文化，当然，图标设计□□需要参考□□□企业LOGO的色彩方□□□□案。
文字：如果想在□□收藏夹中□□□显示品牌□□名称，把字体限□□□制在一到□□□三个字符。
测试：图标将显□□示在不同□□□□的颜色背◈景下，这取决于▽浏览器。因此，在完成设□□□□计之前，一定要在□□□灰色、白色和黑□□色的背景□□□上测试图※标。