如何給網站加上ico圖標？

時間 2020-06-21

標籤如何網站加上 ico 圖標欄目網站開發简体版

原文原文鏈接

咱們在瀏覽網站時，時常能夠在網頁的頂部看到一些這樣的圖片：php

那麼這樣的效果是如何實現的呢？下面給你們簡單講解一下。在講解以前咱們須要瞭解這兩個問題：html

favicon.ico是什麼？web

所謂favicon，即Favorites Icon的縮寫，顧名思義，即是其可讓瀏覽器的收藏夾中除顯示相應的標題外，還以圖標的方式區別不一樣的網站。瀏覽器

favicon.ico是一個網站必要的嗎？服務器

不是必要的，可是web服務器在網站加載時都會請求favicon.ico這個文件，若是不存在就會報404錯誤，而且會記錄到錯誤日誌中。
工具

1.使用ico圖標網站

（1）首先咱們須要把favicon.ico這個圖標放到根目錄下（確保兼容性）.net

（2）而後再html裏面，<head>之間引入便可日誌

ico圖標的引用十分簡單，可是在實際開發的過程當中，若是咱們沒有xxxx.ico這種格式的圖標，就須要咱們本身去製做ico圖標了。cdn

2.製做ico圖標

（1）首先準備好咱們想要轉換爲ico圖標的圖片，如下面這張圖片爲例。

（2）藉助於第三方轉換網站： www.bitbug.net/ 比特蟲

（或者打開在線工具aTool（www.atool.org/ico.php）也能夠生成ico圖標）

①選擇咱們的圖片，而後選擇相應的尺寸，再輸入附加碼生成ico圖標。

注意：在線轉換以前必定要轉換成長寬相等的圖片，否則轉換成ico以後，圖片會被拉伸或者壓縮。

favicon的格式必定是ico格式嗎？

favicon的格式不必定是ico格式，它能夠是png，jpg甚至是gif，不過ico格式是全部瀏覽器都支持的。 favicon.ico的尺寸有16×1六、32×3二、48×48，在添加到桌面、任務欄小尺寸的圖標就不是很理想了，這就須要多種尺寸兼容各類設備和狀況。

②再將圖標放到咱們文件的根目錄中

③在頁面中引入

④保存打開網頁

這樣咱們網站的ico圖標就製做完成了。

大二菜雞，記筆記不易，隨手點贊，將愛傳遞hhh。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。