1. 程式人生 > >設定網頁在瀏覽器標籤頁上顯示的圖示

設定網頁在瀏覽器標籤頁上顯示的圖示

原文地址:http://blog.csdn.net/huhuan10/article/details/6092122

是不是開啟一些比較大型的網站,網頁的位址列前面都有該網站的標誌,
網頁標誌ico如何設定?
位址列標誌favicon.ico?

如何讓網站的圖標出現在位址列上?
在收藏夾和位址列前面新增ICO圖示?
如:百度,163,新浪等.如圖
:37計favicon圖示裁圖.


favicon.ico 是一種格式,一般用於網頁位址列前或者在標籤上以縮略方式顯示網站標誌,也可以拖曳favicon到桌面以建立到網站的快捷方式。
為什麼要設定favicon圖示,
以影象形態顯示,比文字顯示更能加深瀏覽者的記憶和印像。
可以塑造網站的品牌。這也是在網站推廣的範疇之內,
可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖示的方式區別不同的網站。
給人以更專業的感覺。

如何設定網頁圖示

如何設定:
製作一個16×16畫素的影象(logo),也可以製作一個200×200畫素的影象或更大,然後等比列縮小為16×16畫素,(200×200畫素方便製作,favicon的規格一般為16×16畫素)

可以用相關軟體把jpg格式轉換成ico圖示格式。

我是用線上生成的,這樣方便快捷。
1、開啟
http://www.chami.com/html-kit/services/favicon/
2、頁面裡有個瀏覽按鈕,點選找到你剛才做的影象(logo).
3、點選 Generate FavIcon.ico 按鈕提交
4、稍等片刻後,你的favicon.ico將會自動生成,可以點選旁邊的儲存按鈕將favicon.ico下載到本地。
5、上傳favicon.ico檔案到網站根目錄下
6、最後在網頁首面HTML的<head>……</head>標籤之間插入程式碼:<link rel="shortcut icon" href="favicon.ico">

 如果不出現,按Ctrl+F5 強制重新整理.IE6好像不太支援favicon圖示,