???? HTML Favicon

這裡介紹如何設定各種解析度的網站圖示檔 favicon.ico，讓各種平板與手機也可以正常顯示網站的 logo 圖示。

我們在開啟google或是iT邦等網站時，都可以在分頁頁籤或書籤左側，看到它們專屬的小圖示，這個小圖示就是favicon。 要如何製作favicon.ico呢？

Favicon是代表網站或網頁相關聯的圖示，常見的圖示檔案名稱為favicon.ico。 當瀏覽器載入網頁後，會將favicon顯示於瀏覽器的網址列中，或顯示於書籤列表的網站名稱、或標籤式分頁標題前。

網站設計做好卻還是顯示灰色地球？ 其實是 favicon 沒設定！ 本篇完整教學從圖檔準備、WordPress 設定到快取更新，帶你一次搞懂網頁設計必備的小細節，提升品牌專業感。

這邊提供自訂網址列圖示教學，並解決各種瀏覽器Chrome、Safari、IE、Edge無法出現Favicon的問題，讓你的書籤圖案和我的最愛旁邊能出現厲害的Website icon，增加網站的專業度與形象，打造出專屬品牌！

我們在瀏覽網站時，時常可以看到網頁的網址列上附有該品牌或是該公司企業的logo圖示，那麼該如何才能將icon加上去呢？ 1.將圖片轉成ico格式，然後命名為favicon.ico，尺寸設16X16px，因為只是放在title上，占的範圍很小，所以圖檔不宜過大。 有不少將png、jpg等圖檔線上轉成ico的網站，可以直接將圖片上傳轉檔。 之後再將圖片放在網站的根目錄下即可。 href裡可以放圖片的相對路徑或絕對路徑，所以不需放在網站的根目錄下，圖片名稱也不一定要取favicon.ico，可以自由命名。 但還