製作專屬的網頁icon
不僅獨一無二,看起來也更專業喔
一、先挑一張圖片或是自製,並選擇以下其中一個網站製作ico檔
favicon.cc http://www.favicon.cc/
Favicon 圖示產生器 http://www.ifreesite.com/favicon/index.php
圖片挑選或是自製建議盡量簡單,尺寸16x16為最佳網頁圖示大小
背景若要透明可存成png檔或gif透明圖檔
進入favicon.cc會看到以下畫面
不需註冊,直接點選 Import Image 上傳圖片
點選 Import Image會出現以下畫面
上傳的圖片會顯示在左邊藍色框框的位置
可在右邊選取需要的工具或顏色再到左邊修圖
注意:移動工具是整個圖片移動
黃色格子代表透明
橡皮擦上面那排是選取過的顏色方塊
修改好後可直接在下方預覽完成的icon
然後下載此檔案
進入Favicon 圖示產生器會看到以下畫面
也不需註冊直接上傳圖片後下載即可
速度快且方便,但無法修圖
二、清除瀏覽器的歷史紀錄
在Favicon 圖示產生器製作ico檔下方的這段文字非常重要
需要將所使用的瀏覽器裡的歷史紀錄刪除
並重新打開瀏覽器
在下一步中完成的icon才會顯現
三、第一步驟中下載好的ico檔直接上傳到痞客邦後台
在痞客邦後台左邊功能列表最底下
點選「回到舊版」就會出現以下畫面
直接回到舊版的後台按照以下操作就可進行更改icon
四、這樣就完成啦!
留言列表