6.如何 設置/更換 Favicon網址小圖示(瀏覽器頁籤Icon)?


正在經營網站的您,如何讓網站打開時頁籤上有網址小圖示(瀏覽器頁籤Icon)出現呢!
米洛建議您可以使用「企業標誌」或能代表您網站形象的圖案,為網站加上「Favicon網址小圖示」,這樣不僅可以提升網站的辨識度,讓瀏覽者記住您的網站,也能讓您的網站看起來更顯專業唷!

※  
Favicon網址小圖示」也可稱為「瀏覽器頁籤Icon」,此圖示會出現在網頁瀏覽器頁籤上(如下圖紅框處)。





❖ 如何在後台 設置/更換 Favicon網址小圖示呢?

    ➤ 在上傳 Favicon網址小圖示之前,請參考以下說明,將所需的「3種尺寸的圖檔」準備好!
               
序號 檔案類型 檔案尺寸 張數 線上免費轉檔工具
1 .ico 圖示檔 48 X 48 1 https://www.aconvert.com/tw/icon/png-to-ico/
2 .png 圖片檔 180 X 180 1 https://reurl.cc/e3j7OM
3 .png 圖片檔 192 X 192 1
※ 上述提供為線上免費軟體,並無強制使用。


STEP 1 
進入ACONVERT.COM網站,勾選圖標尺寸為 48 x48 (px) 後,點選「選擇檔案」。


STEP 2 
選擇要進行轉檔的圖片後「開啟」。

STEP 3 
再次確認圖標尺寸為48 x 48 (px)後,點選「開始轉換」。

STEP 4 
轉檔完成後出現提示如下方,點選「下載」圖示。

STEP 5 
點擊下方「連結」後,在新開啟的視窗中,以滑鼠右鍵點選圖片,並選擇「另存圖片」,將檔案儲存至電腦中。

STEP 6 
進入ILOVEIMG網站,( https://www.iloveimg.com/zh-tw/resize-image/resize-jpg ) ,點選「選擇多張圖片」


STEP 7  
選取原始圖片檔案,選擇圖片後「開啟」


STEP 8
在右側尺寸位置輸入,寬度(px)「180」、高度(px)「180」,並點擊「調整多個圖片的大小」


STEP 9 
調整完畢後出現下方畫面,進行點選「下載已調整尺寸的圖片文檔」,保存圖片於電腦中


STEP 10 
重複操作STEP 6~STEP 7的步驟後,再次於右側尺寸位置輸入,寬度(px)「192」、高度(px)「192」,並點擊「調整多個圖片的大小」


STEP 11 
調整完畢後出現下方畫面,進行點選「下載已調整尺寸的圖片文檔」,保存圖片於電腦中


準備好所需的3個圖檔後,跟著以下步驟將圖片上傳到後台吧!

後台如何設定

點選「全站設定」>「基本設定」> 在「基本資訊」頁籤中,將滑鼠向下滾動,找到「網站小圖示」的欄位 > 依序將3個圖檔上傳 > 點擊「儲存」即完成囉!

網頁版示意圖

▼ 手機版示意圖(範例為使用「Safari」搜尋,請依使用裝置為主)