【編者按】細(xì)節(jié)決定成敗，這句話不知從何而來。最終它成為一句“成功學(xué)”勵(lì)志名言。就網(wǎng)站設(shè)計(jì)而言，細(xì)節(jié)不決定成敗，但是很多的細(xì)節(jié)可能影響成敗。為此，我們就網(wǎng)站設(shè)計(jì)細(xì)節(jié)進(jìn)行討論。該篇，我們看看網(wǎng)站圖標(biāo)。
 

什么是網(wǎng)站圖標(biāo)？有何用？怎么做？
很多人可能沒注意，當(dāng)我們打開網(wǎng)站的時(shí)候，在瀏覽器的標(biāo)簽上，或者是在收藏夾中，有的企業(yè)網(wǎng)站有圖標(biāo)，有的網(wǎng)站沒圖標(biāo)。這個(gè)圖標(biāo)，就是網(wǎng)站圖標(biāo)。
什么是網(wǎng)站圖標(biāo)？
網(wǎng)站圖標(biāo)國內(nèi)稱之為ICON，英文全稱是favicon。favicon是一個(gè)16x16像素的小圖標(biāo)，用于web瀏覽器，代表一個(gè)網(wǎng)站或網(wǎng)頁。favicons通常顯示在web瀏覽器頂部的選項(xiàng)卡上，但是它們也可以在瀏覽器的書簽欄、歷史記錄等等中找到。在某些情況下，比如在谷歌Chrome上，它們甚至?xí)霈F(xiàn)在瀏覽器的主頁上。換句話說，favicon是你網(wǎng)站的圖標(biāo)，或者是一個(gè)用來識(shí)別你的網(wǎng)站的視覺標(biāo)記。
那么，這么小的一個(gè)圖標(biāo)有什么用呢？

網(wǎng)站圖標(biāo)的作用

盡管圖標(biāo)的尺寸很小，但它們對(duì)任何網(wǎng)站都非常重要，可以提高用戶體驗(yàn)、品牌和專業(yè)度。
用戶體驗(yàn)——網(wǎng)站圖標(biāo)為訪客提供了令人難忘的視覺提示，增強(qiáng)了用戶體驗(yàn)。它們幫助用戶輕松地在瀏覽器和書簽欄等不同應(yīng)用程序之間定位網(wǎng)站的選項(xiàng)卡，使用戶更容易以及反復(fù)訪問網(wǎng)站。
品牌——對(duì)于一個(gè)真正有凝聚力的品牌，重要的是不要忽略哪怕是最微小的細(xì)節(jié)。網(wǎng)站圖標(biāo)有助于企業(yè)網(wǎng)站的品牌可見性，將你的風(fēng)格和語言擴(kuò)展到網(wǎng)站之外和瀏覽器中。
專業(yè)性——網(wǎng)站圖標(biāo)為你的網(wǎng)站增加合法性和專業(yè)性，使它看起來敏銳、安全以及專業(yè)。

如何做網(wǎng)站圖標(biāo)？

誰來做——網(wǎng)站圖標(biāo)制作不是一個(gè)復(fù)雜的工作，你可以將其寫入建站公司的合同中。當(dāng)然，你也可以使用一些免費(fèi)工具，自己制作一個(gè)網(wǎng)站圖標(biāo)交給建站公司。
大小——創(chuàng)建圖標(biāo)的最佳大小是16x16像素，這是最常用的顯示大小。然而，它們有時(shí)也會(huì)出現(xiàn)更大的尺寸中(例如32x32像素)。
文件格式——網(wǎng)站圖標(biāo)首選文件格式是JPEG或PNG。
透明度——如果你的設(shè)計(jì)背景是透明的，一定要將你的文件保存為PNG格式，并進(jìn)行透明設(shè)置。

網(wǎng)站圖標(biāo)設(shè)計(jì)注意事項(xiàng)

簡單：圖標(biāo)的小尺寸要求你的設(shè)計(jì)要精確。避免過多的細(xì)節(jié)，如小線條、紋理或陰影。相反，圖標(biāo)應(yīng)該清晰和簡單就足夠了。
統(tǒng)一：圖標(biāo)應(yīng)該包括了你的企業(yè)品牌LOGO或者是品牌文化，當(dāng)然，圖標(biāo)設(shè)計(jì)需要參考企業(yè)LOGO的色彩方案。
文字：如果想在收藏夾中顯示品牌名稱，把字體限制在一到三個(gè)字符。
測(cè)試：圖標(biāo)將顯示在不同的顏色背景下，這取決于瀏覽器。因此，在完成設(shè)計(jì)之前，一定要在灰色、白色和黑色的背景上測(cè)試圖標(biāo)。