教學|變更 ico 網頁圖示,讓網頁圖示變得獨一無二(for pxinet)

教學|變更 ico 網頁圖示,讓網頁圖示變得獨一無二(for pxinet)

要怎麼擁有自己獨一無二的網頁圖示呢?其實 Pixnet 後台就可以輕鬆更換 ico 圖檔,也許有些人還不知道,可以看一下這篇文章喔!快點來跟我一起打造專屬的網頁圖示吧!非常簡單喔!

教學|變更 ico 網頁圖示,讓網頁圖示變得獨一無二(for pxinet)

像我的圖示就是自己做的喔,是我家阿胖(兔)你也可以做你專屬的 ico 圖檔!網路上很多不同種的方式,我覺得這種方法最讚!直接上傳圖片就可以幫你轉換成 ico 檔。

教學|變更 ico 網頁圖示,讓網頁圖示變得獨一無二(for pxinet)

這個免費網站真的是造福大家呢!網址:http://www.ifreesite.com/favicon/index.php
背景如果要透明記得要存成 png 透明圖檔或者是 gif 透明圖檔喔!建議上傳為 16×16 的大小最適合。

操作說明:
1. 圖片大小不可超過 2MB
2. 圖片類型 PNG、JPG、JPEG、GIF
3. 網頁最佳圖示大小為 16×16,桌面圖示分別為 32×32﹑48×48
4. 工具會自動產生 ICO 格式,請下載到電腦中,並上載到網站的根目錄
5. 產生的 ICO 圖示命名為 favicon.ico 以便網頁瀏覽器或我的最愛(書籤)列表自動抓取
6. 如果用戶使用的是IE6或以下的瀏覽器是無法識別 ICO 圖示,可以在網頁的頁頭<head></head>之間加入其中一項代碼
<link rel=”shortcut icon” href=”favicon.ico” /> 或
<link rel=”shortcut icon” type=”image/x-icon” href=”favicon.ico” />
7. 已經按照以上的步驟做,瀏覽器仍然看不見 Favicon 圖示,請清除瀏覽器的 Cookies 記錄,再重新打開瀏覽器查看

具體操作步驟︰
1. Internet Explorer > 工具 > 刪除瀏覽歷程記錄 > 除了”保留我的最愛網站資料”不勾選外,其他的一律勾選,然後按”刪除”
2. Firefox > 工具 > 清除最近歷史記錄 > 時間範圍”所有歷史記錄” > 立刻清除
3. Chrome > 右上角”板手圖案” > 記錄 > 右邊”編輯項目” > 清除所有瀏覽資料 > 清除指定期限”全部資料” > 清除瀏覽資料
4. Safari > 右上角”齒輪圖案” > 重置 safari > 重置
5. Opera > 左上角”選單” > “設定” > “刪除私人資料” > “刪除”

提醒︰
如想製作透明 ICO 圖標,請上載 PNG 格式的圖案

教學|變更 ico 網頁圖示,讓網頁圖示變得獨一無二(for pxinet)

在轉換 ICO 的網頁上上傳完後有按鈕可以把轉換的 ICO 檔下載下來。

安裝步驟:
Pixnet 後台 → 帳戶管理 → 網域設定 → 上傳新的 ICO 檔
上傳完按 F5 更新網頁一下吧,就可以看到專屬自己的網頁圖示囉!

give me 讚!

d(`・∀・)b 除了喜歡和大家分享生活中美麗的事物外,我還是一個不折不扣的兔奴以及網站設計師,合作邀約歡迎來信:bonnieyu53@gmail.com