給自己的網站加上一個小圖標，顯示既專業又美觀。
網站左上角顯示的小圖標一般是ico格式的圖片，然後在HTML裡使用代碼去設置ico小圖片為該網站的小標。
<code><link>
<link>/<code>
設計軟件設計出來的圖標一般是png、jpg這等格式的，但ico圖標不同於png、jpg這類常見的圖片格式，需要簡單的轉換一下。
雖然有些瀏覽器支持網站圖標使用png圖片，但是建議使用ico格式的圖片，兼容性更好些，同時最好放置在網站的根目錄下
有了png格式的小圖標如何轉成ico格式的圖標呢？
試下png2ico這款小軟件，它支持在Windows、MacOS、Linux平臺上將png格式的圖片轉成ico格式的圖片。
這款小軟件的下載地址 https://www.winterdrache.de/freeware/png2ico/
Windows用戶需要至官網去下載這個小軟件
MacOS用戶可以直接通過命令行去安裝（前提需要先安裝好brew）：
<code>brew install png2ico/<code>
Linux用戶需要到官網下載源碼自己編譯下。
這款軟件不支持GUI圖形化操作，需要通過命令行去運行它。
使用步驟：
先準備好兩張png圖片：logo16x16.png（16像素X16像素）和logo32x32.png（32像素X32像素），然後通過命令行運行
<code>png2ico favicon.ico logo16x16.png logo32x32.png/<code>
上述命令可以將這兩張png的圖片包含在一個favicon.ico文件中，轉換之後這個favicon.ico就可以放置在網站中，作為網站的小標使用了。
也可以只將一張png圖片放置在ico文件中：
<code>png2ico favicon.ico logo32x32.png/<code>
生成好這個favicon.ico圖標並將它正確的放置在網站根目錄中，通過代碼去正確的引用它，刷新瀏覽器你就可以看到漂亮的網站小標出現了。
如果刷新後沒有出現小圖標，可能是瀏覽器緩存造成的，需要清理下瀏覽器緩存，或者換個瀏覽器試試
本小教程有用嗎？覺得有用就快收藏，轉發吧，同時別忘了關注我們「遠懷學堂」，不斷有好的教程發佈哦。
閱讀更多 遠懷學堂 的文章
