個(gè)性網(wǎng)站圖標(biāo)在線做

上網(wǎng)沖浪瀏覽網(wǎng)站時(shí)，我們經(jīng)常會(huì)發(fā)現(xiàn)地址欄前面有個(gè)小圖標(biāo)，十分新穎和有趣，同時(shí)彰顯了網(wǎng)站的個(gè)性，提高了品位。別人是怎么做到的呢?我們能不能給自己的網(wǎng)站也加一個(gè)這樣的圖標(biāo)呢?

在線繪制網(wǎng)站圖標(biāo)

faVICON.cc是個(gè)基于cc(creative commons)協(xié)議的網(wǎng)站，提供純手工制作服務(wù)，如果你具備一定的繪畫技巧或者是設(shè)計(jì)能力，那么在這里只需點(diǎn)點(diǎn)鼠標(biāo)就可以生成自己的個(gè)性圖標(biāo)。

進(jìn)入favion(www.favicon.cn)站點(diǎn)，首先注冊(cè)成為會(huì)員并登錄上去。接下來，單擊“Create New Favicon”(新建圖標(biāo))按鈕，新建一個(gè)圖標(biāo)文件。在頁面中間是一個(gè)16×16格的繪畫板，頁面右側(cè)是顏色面板(如圖1)。

首先單擊拾色器按鈕選定一種顏色，然后就可以在中間的16×16格繪畫板中畫出自己想要的圖形了，在繪制的同時(shí)，下面的預(yù)覽界面會(huì)出現(xiàn)實(shí)際效果圖。如果某一部分繪制得不夠理想，可以選中橡皮擦工具將其擦除，也可以選中移動(dòng)按鈕將某一格中的色塊移動(dòng)到合適的位置。這樣可以隨時(shí)調(diào)整所繪制的圖標(biāo)，直到自己滿意為止。繪制完成后點(diǎn)擊“Download Favicon”(下載圖標(biāo))就可以把自己制作好的圖標(biāo)下載下來了。

下載他人制作完成的精美圖標(biāo)

如果你是個(gè)懶人，或者是缺少藝術(shù)細(xì)胞，也可以直接免費(fèi)下載他人基于CC協(xié)議發(fā)布的圖標(biāo)。favicon上面有許多精美的圖標(biāo)，在頁面中找到自己喜歡的圖標(biāo)，點(diǎn)擊“DownloadFavicon”就可以直接下載回來了(如圖2)。不過，在下載前，建議先點(diǎn)擊“Edit Copy Of Icon”(編輯圖標(biāo)拷貝)做進(jìn)一步的編輯修改，以使其更加符合自己的實(shí)際需要。

轉(zhuǎn)換個(gè)性圖標(biāo)

favicon.cc還提供上傳圖片轉(zhuǎn)換功能，如果你的繪圖技術(shù)一般，那么可以上傳自己比較喜歡的圖片，把它轉(zhuǎn)化為Favicon圖標(biāo)。點(diǎn)擊“Import Image”(導(dǎo)入圖片)按鈕，在接下來的頁面中，單擊“瀏覽”按鈕打開此前已經(jīng)準(zhǔn)備好的自己喜歡的圖片文件，在其下方有兩個(gè)選項(xiàng)“Keep dimensions”(保持尺寸)和“Shrink to square icon”(縮放成大圖標(biāo))，通常我們選擇“Keep dimensions”即可，這樣生成圖標(biāo)時(shí)將保持縱橫比尺寸，生成的圖標(biāo)將不會(huì)失真(如圖3)。最后，單擊“Upload”按鈕上傳圖片，網(wǎng)站將會(huì)為我們生成圖標(biāo)文件。

將生成的圖標(biāo)應(yīng)用到自己的網(wǎng)站

在favicon.cc生成圖標(biāo)文件后，下載回來，把生成的favicon.ICO文件上傳放在自己網(wǎng)站的根目錄下。然后用網(wǎng)頁編輯器打開主頁文件，在需要顯示的文件的與標(biāo)簽間加上：“” (注意不包括外側(cè)的雙引號(hào))。

好了，現(xiàn)在刷新一下網(wǎng)頁，看看自己的網(wǎng)站是不是也用上了自己制作的個(gè)性化圖標(biāo)，是不是很有個(gè)性，趕快試試吧。