close


部落格icon-2.jpg

製作專屬的網頁icon
不僅獨一無二,看起來也更專業喔


部落格icon-1.jpg


一、先挑一張圖片或是自製,並選擇以下其中一個網站製作ico檔

favicon.cc   http://www.favicon.cc/
Favicon 圖示產生器  http://www.ifreesite.com/favicon/index.php


圖片挑選或是自製建議盡量簡單,尺寸16x16為最佳網頁圖示大小
背景若要透明可存成png檔或gif透明圖檔


進入favicon.cc會看到以下畫面
不需註冊,直接點選 Import Image 上傳圖片

 

favicon.jpg


點選 Import Image會出現以下畫面

favicon-1.jpg

上傳的圖片會顯示在左邊藍色框框的位置
可在右邊選取需要的工具或顏色再到左邊修圖


注意:移動工具是整個圖片移動
黃色格子代表透明
                             橡皮擦上面那排是選取過的顏色方塊


favicon-2.jpg

修改好後可直接在下方預覽完成的icon
然後下載此檔案


favicon-3.jpg

進入Favicon 圖示產生器會看到以下畫面
也不需註冊直接上傳圖片後下載即可
速度快且方便,但無法修圖


favicon-4.jpg
 

二、清除瀏覽器的歷史紀錄

Favicon 圖示產生器製作ico檔下方的這段文字非常重要
需要將所使用的瀏覽器裡的歷史紀錄刪除
並重新打開瀏覽器
在下一步中完成的icon才會顯現

 

favicon-5.jpg

三、第一步驟中下載好的ico檔直接上傳到痞客邦後台

在痞客邦後台左邊功能列表最底下
點選「回到舊版」就會出現以下畫面
直接回到舊版的後台按照以下操作就可進行更改icon

 

favicon-7.jpg

favicon-8.jpg

四、這樣就完成啦!

arrow
arrow
    創作者介紹
    創作者 Lillian Chen 的頭像
    Lillian Chen

    遊‧夢最美

    Lillian Chen 發表在 痞客邦 留言(0) 人氣()