正在經營網站的您,如何讓網站打開時頁籤上有網址小圖示(瀏覽器頁籤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」搜尋,請依使用裝置為主)