第一篇
網(wǎng)站標(biāo)題欄ICO圖標(biāo)制作方法
看到別人網(wǎng)站在瀏覽器的網(wǎng)址前面和收藏夾里有一個(gè)自已網(wǎng)站的圖標(biāo),你是不是也想要一個(gè)?下面給大家?guī)韮煞N方法。
第一種:用軟件來制作
打開軟件,按照操作就可以了,這是一款綠色軟件,使用起來非常的方便,載入圖片,調(diào)整圖標(biāo)的尺寸就可以了,而且是中文。
軟件下載地址
第二篇:什么是網(wǎng)站 ICO 圖標(biāo)?
打開微軟、百度等網(wǎng)站后看到瀏覽器的標(biāo)題欄、地址欄,多瀏覽器的標(biāo)簽上都顯示了一個(gè)小圖標(biāo),如
如何制作 ICO 圖標(biāo)?
這里使用最簡單的辦法。因?yàn)?ico 格式圖片比較特殊,一般軟件(如 Windows 自帶的畫圖、Adobe Photoshop 等)都制作不了,我們就分兩步做。
第一步是用 Windows 自帶的畫圖或 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.bitbug.net// ,打開該網(wǎng)站后界面很清晰明了,經(jīng)數(shù)秒簡單的處理即可轉(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 目錄下,也就是說 ico 文件的路徑是 /bbs/favicon.ico。
然后在需要顯示該圖標(biāo)的頁面模板頭部(<head> 與 </head> 之間)插入以下代碼:
<link rel="Shortcut Icon" href="/bbs/favicon.ico">
如果你的模板是 XHTML 規(guī)格的,代碼應(yīng)該是:
<link rel="Shortcut Icon" href="/bbs/favicon.ico" />
聯(lián)系客服