1. 程式人生 > >製作favicon(收藏夾圖示)

製作favicon(收藏夾圖示)

效果圖如下:

在這裡插入圖片描述

超級詳細的步驟:http://tools.dynamicdrive.com/favicon/

1.選擇要建立圖示的影象
2.建立圖示(ico)
3.把該圖示(favicon.ico)上傳到伺服器上面
4.在頁面的head部分插入(使用vue框架的則在index.html裡面插入):

<link rel =“快捷圖示” type =“image / x-icon” href =“./images/ favicon.ico”>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>企業版小程式後臺管理系統</title>
    
    <!-- 把圖示放在static裡面,在這裡引入 -->
 	<link rel="icon" type="image/x-icon" href="static/favicon.ico"/>

   	
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>