如何讓部落格、網站有favicon小圖示?(免軟體,線上工具)

三、上傳一般圖片轉favicon

如果你自己本身會作一些小圖片,或者是你看到網路上有張圖片你很喜歡,想把它拿來當成你的favicon的話,其實都可以透過favicon.cc來達成喔!

第1步 首先點擊favicon.cc首頁左方的﹝Import Image﹞。

favicon-6

第2步 接著在中間區塊會看到﹝瀏覽﹞按鈕,請將您的圖片上傳,至於下方的小車是在告訴你原圖的變型方式,請您自行選擇,然後點擊﹝Upload﹞進行上傳。

上傳圖片限制

檔案類型:jpg, jpeg, gif, png, bmp, ico

單檔大小:4MB

favicon-7

第3步 接著你就會看到你的圖片被強制放大了,感覺很醜!在畫面右手邊一樣有控制選項,您可自由添加或是將您的圖像變色喔!當然也可按下【Use Animation】按鈕,展開動畫設置,至做會動的favicon,至於操作設定方法,可以參考這裡

favicon-3

第4步 製作時,在「Preview」欄位依然可以預覽,如果滿意趕快點﹝Download Favicon﹞按鈕下載囉!下載後,通常就是把你的favicon命名為「favicon.ico」上傳到網站根目錄即可使用。

favicon-4

最近Google也更換了它的favicon,設計上也沒什麼複雜性,四個顏色簡單疊一下,就創造出一個令人印象深刻的favicon了。事實上,favicon是不用搞得太複雜,因為16×16的圖片根本無法弄得多精緻,只要讓大家看個大概就可以了,像我們網站的favicon就是「1根香腸+1隻魷魚」,組成了「香腸炒魷魚」,雖然這圖示很簡單,但相信大家應該清楚明瞭吧?在眾多的書籤中,找我們的網站應該找得很快吧XD。

延伸閱讀

在Google News上追蹤我們最新文章
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學,默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了,別叫我阿腸,請叫我香腸,這樣我才知道你看我部落格長大的。

文章: 1781

17 則留言

  1. 想請問香腸大,我有傳到ftp的public_html之下了
    需要在哪邊打什麼語法嗎? 因為我看到有的blog是說
    還要在header裡頭打上一段語法…

    我的icon就是跑不出來,真的很奇怪說。
    不知道是哪個步驟出了錯。請問香腸大需要打什麼語法嗎?!

    香腸回應:
    如果不行,請參考: http://sofree.tw/thread-1783-1-1.html

  2. 動畫的不能用欸

    還有圖示

    動畫用完上傳到網站根目錄 哪理阿 找不到欸

    香腸回應:
    網站根目錄,就是FTP中的public_html下。
    如果你的網站不是自己架設,就傳到其它地方,然後用語法引出來。

  3. 我已經刪掉1 blog cacher快取的檔案了,請再試一下,速度是否改進?
    速度跟網站放在免費空間有沒有關係?

    香腸回應:
    網站的空間或是部落格邊欄掛的東西,都會影響整體速度。
    目前速度是有快些了~
    有其它問題請到論壇討論吧 :P
    http://sofree.tw

  4. 部落格我有裝1 blog cacher的外掛。我剛才去清理了一下,好像沒有用?

    香腸回應:
    我看是有阿~~
    只是你的網站跑很慢,我跑差不多快一分鐘網站才全部開啟好耶~~

  5. 咦 話說 香腸 你網站好像一直沒有圖示喔 :roll:
    要不要弄根香腸或者一包鱈魚香絲當圖案 :mrgreen:

    香腸回應:
    我有圖示阿…你的瀏覽器有問題吧~

  6. 我剛才用另外一台電腦也可以了。但是,書桌這一台重開機都不行,
    這跟我上次的大頭貼一樣,明明已經換圖了,書桌這一台就是沒有換,
    其他所有的電腦都換了。可是過了二、三天後,它又換成新的大頭貼了。
    這是不是書桌這台電腦有被什麼程式擋到(像防毒之類的)?

    香腸回應:
    應該不是,清除一下電腦瀏覽器的快取看看~

  7. 老東西囉~
    之前有看過

    大小不一定要使用 16*16
    一般來說
    比較常見的是 32*32 和 64*64
    可是做太大…
    就會變成很多東西擠在一團
    所以建議是 32*32

    香腸回應:
    這東西好像有點久了…不過一樣是.cc的,當然要來介紹一下~
    因為太多人都敲MSN問我,直接寫一篇比較快XD

  8. 喔喔!
    香腸~!

    我發現。。

    圖的浮水印LOGO還是舊網址XDDD!!(重點錯誤)
    有沒有獎品?(轉ˇ)

    (啊啊!不要打臉(…

    香腸回應:
    沒有獎品喔…因為這篇文章好幾天前就寫好了XD
    接下來還會有一兩篇是舊的浮水印…
    (迷:誰說舊得不能用? ((翻桌 )

  9. 這個小圖示教學,我昨天有在其他網站看到一篇。不過香腸大寫得更詳細就是XD。

    其實我會找到另一篇教學,正是看了香腸大的[超省錢架站法],這幾天開始嘗試自己架blog,才會在網路找相關資源。網站基本的都差不多安裝完成了。但是現在遇到一個問題,當我在wp後台設定佈景的邊欄模組(也就是rss等插件)時,設定好了按下[儲存變更]時,網頁卻出現[server not found],我一看上面的網址列,居然變成[http://wp-admin/widgets.php?message=updated],我想至少應該是[http://www.我的網域/wp-admin/widgets.php?message=updated]吧?不然怎麼寫入?
    我試了很多次,都是同樣的結果,現在就卡在這裡了。想請香腸大幫我解惑一下,感激不盡!(我用的是wp2.7版+中文化,從官網直接下載的。而widgets.php這個檔案,我在安裝上傳時也不會動到啊?)

    香腸回應:
    關於您的問題,可能需要附上一下圖片,到論壇討論吧: http://sofree.tw
    有勞您在論壇再貼一次問題~

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料