網站設計必須兼備實用性和藝術性才能稱得上是成功的網站設計。我們平時在互聯網上沖浪的時候，經常會看到有些網站的URL地址前有一個很特別、很別致的個性化小圖標，這個小圖標像網站的Logo一樣，不僅能夠幫助人們對網站的風格和定位形成一個感性的認識，還在某種程度上影響訪客對網站設計的整體觀感。因此，為網站創建一個定制的小圖標是很有必要的，它可以讓瀏覽者在收藏你的網站的時候，把這個小圖標也收藏進去，并形成對你網站的深刻印象。

這些小圖標通常出現在收藏夾里，或者網站瀏覽器的搜索框里。這些小圖標就是我們所說的favicon。下面，我們就來介紹一下如何為你的網站設計作品創建這樣一個定制的圖標，相信，在使用了這種圖標之后，你的網站在用戶體驗方面的得分將會大有改觀的。

設計網站圖標的圖案

使用繪圖工具，設計一個大小為16 x 16像素的圖片。這個圖片看上去會顯得很小，所以試著設計幾個不同的版本直到找到最適合你的網站的那一個。

然后將圖片用256色或更少色的GIF或BMP格式保存下來。如同網站圖片一樣圖標文件需要在電腦屏幕上顯示，所以它們不會完全顯示成百上萬種顏色。盡管如此但是，如果一個圖標文件只適合在Windows內顯示，那么應該用256種顏色而不是網站標準的216種顏色。

將其轉化為一個圖標

在制作了一個令自己滿意的圖形后，你需要將其轉化為圖標格式。事實上有很多圖標編輯器，可以幫助你實現那些看似復雜的功能。作為圖片軟件向導的蘇.切斯頓曾經列出了一些比較好用的工具，我們可以任意選用。目前，很多網站設計者都選擇使用IconForge。一定要記住，我們要將文件存儲為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，然后檢查一下你的圖標文件，確保圖標文件確實是一個圖標文件。

分享標題：網頁設計是如何設計圖標
文章出自：http://www.2m8n56k.cn/news36/96586.html

成都網站建設公司_創新互聯，為您提供網站內鏈、網站收錄、做網站、品牌網站設計、企業網站制作、外貿建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯