favicon.ico--網站標題小圖片二三事

前言:

什么是favicon?

直接用圖說話:這個就是favicon

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

如何設置favicon

1. 制作一個16×16(或者32*32, 64*64的小圖片)像素的圖片,一般為logo，然后用favicon在線工具,轉換為ico格式.
2. 將favicon.ico文件放到網站跟目錄下

3. 在<haad></head>標簽中加入:

<link rel="shortcut icon" href="favicon.ico">

4. 刷新頁面看效果

?

拓展知識

1. vue項目的favicon圖片要放到static目錄. 因為webpack打包的原因.

?