上網沖浪瀏覽網站時,我們經常會發現地址欄前面有個小圖標,十分新穎和有趣,同時彰顯了網站的個性,提高了品位。別人是怎么做到的呢?我們能不能給自己的網站也加一個這樣的圖標呢?
在線繪制網站圖標
faVICON.cc是個基于cc(creative commons)協議的網站,提供純手工制作服務,如果你具備一定的繪畫技巧或者是設計能力,那么在這里只需點點鼠標就可以生成自己的個性圖標。

進入favion(www.favicon.cn)站點,首先注冊成為會員并登錄上去。接下來,單擊“Create New Favicon”(新建圖標)按鈕,新建一個圖標文件。在頁面中間是一個16×16格的繪畫板,頁面右側是顏色面板(如圖1)。
首先單擊拾色器按鈕選定一種顏色,然后就可以在中間的16×16格繪畫板中畫出自己想要的圖形了,在繪制的同時,下面的預覽界面會出現實際效果圖。如果某一部分繪制得不夠理想,可以選中橡皮擦工具將其擦除,也可以選中移動按鈕將某一格中的色塊移動到合適的位置。這樣可以隨時調整所繪制的圖標,直到自己滿意為止。繪制完成后點擊“Download Favicon”(下載圖標)就可以把自己制作好的圖標下載下來了。
下載他人制作完成的精美圖標
如果你是個懶人,或者是缺少藝術細胞,也可以直接免費下載他人基于CC協議發布的圖標。favicon上面有許多精美的圖標,在頁面中找到自己喜歡的圖標,點擊“DownloadFavicon”就可以直接下載回來了(如圖2)。不過,在下載前,建議先點擊“Edit Copy Of Icon”(編輯圖標拷貝)做進一步的編輯修改,以使其更加符合自己的實際需要。
轉換個性圖標
favicon.cc還提供上傳圖片轉換功能,如果你的繪圖技術一般,那么可以上傳自己比較喜歡的圖片,把它轉化為Favicon圖標。點擊“Import Image”(導入圖片)按鈕,在接下來的頁面中,單擊“瀏覽”按鈕打開此前已經準備好的自己喜歡的圖片文件,在其下方有兩個選項“Keep dimensions”(保持尺寸)和“Shrink to square icon”(縮放成大圖標),通常我們選擇“Keep dimensions”即可,這樣生成圖標時將保持縱橫比尺寸,生成的圖標將不會失真(如圖3)。最后,單擊“Upload”按鈕上傳圖片,網站將會為我們生成圖標文件。
將生成的圖標應用到自己的網站
在favicon.cc生成圖標文件后,下載回來,把生成的favicon.ICO文件上傳放在自己網站的根目錄下。然后用網頁編輯器打開主頁文件,在需要顯示的文件的
與標簽間加上:“” (注意不包括外側的雙引號)。好了,現在刷新一下網頁,看看自己的網站是不是也用上了自己制作的個性化圖標,是不是很有個性,趕快試試吧。