第一篇 網(wǎng)站標(biāo)題欄ICO圖標(biāo)制作方法 看到別人網(wǎng)站在瀏覽器的網(wǎng)址前面和收藏夾里有一個(gè)自已網(wǎng)站的圖標(biāo),你是不是也想要一個(gè),?下面給大家?guī)?lái)兩種方法,。 第二篇:什么是網(wǎng)站 ICO 圖標(biāo),? 打開(kāi)微軟,、百度等網(wǎng)站后看到瀏覽器的標(biāo)題欄、地址欄,,多瀏覽器的標(biāo)簽上都顯示了一個(gè)小圖標(biāo),,如 ,這里說(shuō)的就是這個(gè)東東,。如果用戶收藏了網(wǎng)站,,這個(gè)圖標(biāo)還會(huì)出現(xiàn)在用戶收藏夾里。 如何制作 ICO 圖標(biāo),? 這里使用最簡(jiǎn)單的辦法,。因?yàn)?ico 格式圖片比較特殊,一般軟件(如 Windows 自帶的畫(huà)圖,、Adobe Photoshop 等)都制作不了,,我們就分兩步做。 第一步是用 Windows 自帶的畫(huà)圖或 Adobe Photoshop 制作一個(gè) ico 的原圖,,格式可以是 jpg / jpeg / gif / png 等,,大小大概在 32×32 像素差不多,最好是 16px×16px 的,,因?yàn)闉g覽器標(biāo)題欄和地址欄上顯示的就是這個(gè)尺寸,。 第二步是將制作好的 ico 原圖轉(zhuǎn)換為 ico 格式,制作好后去一個(gè)可以在線轉(zhuǎn)換 ico 格式的網(wǎng)站(百度一下會(huì)有不少,,也可以下載一個(gè)轉(zhuǎn)換軟件進(jìn)行處理),。這里推薦 http://www.// ,,打開(kāi)該網(wǎng)站后界面很清晰明了,經(jīng)數(shù)秒簡(jiǎn)單的處理即可轉(zhuǎn)換為我們要的 ico 格式圖標(biāo)文件,,文件被自動(dòng)命名為 favicon.ico,。 這樣 ico 圖標(biāo)就制作完成了。 如何讓 ICO 圖標(biāo)在網(wǎng)站上顯示,? 先將轉(zhuǎn)換好的 ico 圖標(biāo)文件上傳到網(wǎng)站任意目錄,,一般為根目錄。以我的為例,,我上傳到 /bbs 目錄下,,也就是說(shuō) ico 文件的路徑是 /bbs/favicon.ico。 然后在需要顯示該圖標(biāo)的頁(yè)面模板頭部(<head> 與 </head> 之間)插入以下代碼: <link rel="Shortcut Icon" href="/bbs/favicon.ico"> 如果你的模板是 XHTML 規(guī)格的,,代碼應(yīng)該是: <link rel="Shortcut Icon" href="/bbs/favicon.ico" /> |
|