favicon.ico圖標在線製作

提到favicon.ico圖標,廣大的站長們最為熟悉了,一個追求網站完美的站長總會對其他優秀的網站的點點滴滴加以注意,在瀏覽器的地址欄中,前面總會出現一個特別的網站圖標,而這個圖標就是我們所說的favicon.ico圖標。

通常將這個圖標放在網站的根目錄,並在相應的頁面添加調用代碼,當訪問你的這個頁面的時候,地址欄的前面就會出現這個favicon.ico圖標了,下面就說一下favicon.ico圖標的製作步驟吧:

準備圖片

網絡上的favicon.ico圖標在線製作工具一般都是利用一定的圖片格式轉化原理,將圖片轉化成對應大小的favicon.ico圖標。因此在favicon.ico圖標製作前首先要準備好自己喜歡的圖片。

注意:

1.準備的圖片應該是jpg、png、gif格式的,現在網絡上一般只對這三種格式適用;

2.圖片大小應在大小500K以內,如果過大,可能轉換失敗。

在線轉換步驟

1.上傳圖片

一般步驟:點擊「瀏覽」-選擇圖片-打開-選擇輸出尺寸(一般為16*16)-生成ico圖標

2.圖片保存

在生成的圖片上右擊-另存為到桌面或者其他的地方(自己記得就可以)

上傳圖片到網站根目錄並添加代碼

1.將另存為的favicon.ico圖片上傳到網站的根目錄(根目錄就是網站程序的最開始目錄)

2.在需要顯示favicon.ico圖片的頁面的頭部的<head>和</head>之間添加代碼<link rel="shortcut icon" href="favicon.ico" />。一般都是選擇整站顯示圖標,只要在網站公共頭部添加代碼就可以了。

完成上面步驟後,因為網絡延時緩存問題,你需要對網站的緩存進行清除,過一段時間就會顯示了(個人感覺,一般是隔夜顯示)

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場