給自己的網站加上一個小圖示，顯示既專業又美觀。

網站左上角顯示的小圖示一般是ico格式的圖片，然後在HTML裡使用程式碼去設定ico小圖片為該網站的小標。

設計軟體設計出來的圖示一般是png、jpg這等格式的，但ico圖示不同於png、jpg這類常見的圖片格式，需要簡單的轉換一下。

雖然有些瀏覽器支援網站圖示使用png圖片，但是建議使用ico格式的圖片，相容性更好些，同時最好放置在網站的根目錄下

有了png格式的小圖示如何轉成ico格式的圖示呢？

試下

png2ico

這款小軟體，它支援在Windows、MacOS、Linux平臺上將png格式的圖片轉成ico格式的圖片。

這款小軟體的下載地址

https：//www。

winterdrache。de/freewar

e/png2ico/

Windows使用者需要至官網去下載這個小軟體

MacOS使用者可以直接透過命令列去安裝（前提需要先安裝好brew）：

brew install png2ico

Linux使用者需要到官網下載原始碼自己編譯下。

這款軟體不支援GUI圖形化操作，需要透過命令列去執行它。

使用步驟：

先準備好兩張png圖片：logo16x16。png（16畫素X16畫素）和logo32x32。png（32畫素X32畫素），然後透過命令列執行

png2ico favicon。ico logo16x16。png logo32x32。png

上述命令可以將這兩張png的圖片包含在一個favicon。ico檔案中，轉換之後這個favicon。ico就可以放置在網站中，作為網站的小標使用了。

也可以只將一張png圖片放置在ico檔案中：

png2ico favicon。ico logo32x32。png

生成好這個favicon。ico圖示並將它正確的放置在網站根目錄中，透過程式碼去正確的引用它，重新整理瀏覽器你就可以看到漂亮的網站小標出現了。

如果重新整理後沒有出現小圖示，可能是瀏覽器快取造成的，需要清理下瀏覽器快取，或者換個瀏覽器試試

本小教程有用嗎？覺得有用就快收藏，轉發吧，同時別忘了關注我們「遠懷學堂」，不斷有好的教程釋出哦。