更換瀏覽器默認logo為自定義圖片
- 一. 瀏覽器默認 logo
- 二. 替換為自定義logo
- 三. 步驟
- 3.1 轉換大小
- 3.1.1 查看圖片尺寸
- 3.1.2 修改尺寸(為32px 32px)
- 3.2 替換成功
一. 瀏覽器默認 logo
二. 替換為自定義logo
三. 步驟
3.1 轉換大小
將自定義 logo 轉為32×32(單位:px) 的圖片(圖片后綴不限)
3.1.1 查看圖片尺寸
非 32px
×
32px
3.1.2 修改尺寸(為32px 32px)
- 圖片-鼠標右鍵打開屬性框-屬性修改-修改尺寸
- 修改尺寸-保存(.ico/.png/jpg/…)
- 圖片放于項目
(1)圖片名稱為 favicon.ico
路徑:public下即可
方式:直接替換原 favicon.ico即可
(2)圖片名稱為 【非 favicon.ico】
圖片路徑:public下即可
index.html 路徑:public下
圖片名稱和必須 index.html 中 保持一致
到這里就可以啦
tip
:index.html中有關logo的link標簽,也可以有以下寫法:
<link rel ="shortcut icon" type="image/x-icon" href="/public/favicon.ico" rel="external nofollow" rel="external nofollow" >