2020-05-13|閱讀時間 ‧ 約 1 分鐘

為你的網站加上網址列小圖示ICON

這樣的小Icon,其是就是所謂的「favicon」,副檔名為「.ico」,如果你有自己架站,想替自己的網站換個屬於自己風格的網站ICON,請先準備好一張64*64的透明背景PNG-24格式小圖。
STEP1. 至https://www.aconvert.com/tw/icon/png-to-ico/網頁,由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖,圖標尺寸請勾選64X64,按下開始轉換。
轉換後由下方轉換結果將圖以另存連結為儲存至個人網站資料夾內。
STEP2. 更改檔名為favicon,並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)
STEP3. 最後至網站頁面內title之前,加入link href="img/favicon.ico" rel="shortcut icon"/
若圖檔名稱與所放置資料夾位置名稱有不同,請正確搭配更改!!
分享至
成為作者繼續創作的動力吧!
Dreamweaver CC除了提供方便的程式碼編輯畫面外,原本就是一個協助網頁初學者開始認識HTML碼的好工具,包括CSS設定與Bootstrap組件,更是響應式網頁初學者的好幫手,加上與PHP資料庫的輕易結合,絕對是學習完整網頁結構的最佳利器!
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言