第一篇
網(wǎng)站標題欄ICO圖標制作方法
看到別人網(wǎng)站在瀏覽器的網(wǎng)址前面和收藏夾里有一個(gè)自已網(wǎng)站的圖標,你是不是也想要一個(gè)?下面給大家帶來(lái)兩種方法。
第一種:用軟件來(lái)制作
打開(kāi)軟件,按照操作就可以了,這是一款綠色軟件,使用起來(lái)非常的方便,載入圖片,調整圖標的尺寸就可以了,而且是中文。
軟件下載地址


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