網站幫你製作ico圖標
網站地址是: http://www.html-kit.com/favicon/
瀏覽上傳16X16的小圖片,格式可以是.gif, .jpg, .png的.然後點擊Generate Favicon.ico 下載。
如何製作 ICO 圖標?
因為ico 格式圖片比較特殊,
第一步是用Windows 自帶的畫圖或Adobe Photoshop 製作一個ico 的原圖,格式可以是jpg / jpeg / gif / png 等,大小大概在32×32 像素差不多,最好是16px×16px 的,因為瀏覽器標題欄和地址欄上顯示的就是這個尺寸。
第二步是將製作好的ico 原圖轉換為ico 格式,製作好後去一個可以在線轉換ico 格式的網站(百度一下會有不少,也可以下載一個轉換軟件進行處理)。這裡推薦 http://www.bitbug.net// ,打開該網站後界面很清晰明了,經數秒簡單的處理即可轉換為我們要的ico 格式圖標文件,文件被自動命名為favicon.ico。
這樣 ico 圖標就製作完成了。
如何讓 ICO 圖標在網站上顯示?
先將轉換好的ico 圖標文件上傳到網站任意目錄,一般為根目錄。上傳到根目錄下,也就是說ico 文件的路徑是/根目錄/favicon.ico。
然後在需要顯示該圖標的頁面模板頭部(<head> 與</head> 之間)插入以下代碼:
<link rel="Shortcut Icon" href="/根目錄/favicon.ico">
如果你的模板是XHTML 規格的,代碼應該是:
<link rel="Shortcut Icon" href="/根目錄/favicon.ico" />