如何設置網頁地址欄前面的標誌favicon圖標?

是不是打開一些比較大型的網站,網頁的地址欄前面都有該網站的標誌,
網頁標誌ico如何設置?
地址欄標誌favicon.ico?

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

favicon圖標

  37計的favicon圖標地址爲: http://www.37ji.com/favicon.ico
  Google的favicon圖標地址爲: 
http://www.google.com/favicon.ico
  百度的favicon圖標地址爲:
http://www.baidu.com/favicon.ico


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圖標,

 

發佈了38 篇原創文章 · 獲贊 6 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章