標籤：修改 國外 上傳 地址 from 開啟 支援 網站 工具
有人也許會好奇，有的網址前面有個漂亮的小表徵圖而且有的網站表徵圖還會動，這是怎麼做到的呢？
如所示：
那個小表徵圖有個名字叫favicon.ico，網站表徵圖雖小但可以起到很好的點綴作用，尤其是當瀏覽者將你的網站放入收藏夾之後，網站表徵圖的作用就出來了，它可以使你的網站在眾多網址中反白，對於使用者體驗起到很好的作用，好了，廢話不多說，現在來告訴大家怎麼做favicon.ico這個網站表徵圖檔案。
雖然現在有很多線上製作網站表徵圖的網站，但製作出來的表徵圖實在是差強人意，而且不支援透明樣式的ico，這非常糟糕，而為一個小小的檔案再裝個專業的ico製作工具又有點浪費，其實用Photoshop就可以很方便的製作出漂亮的ico檔案，我們知道Photoshop是無法儲存ico格式的檔案的。
怎麼辦呢，下載這個東東ICOFormat，下載以後將解壓出來的檔案拷貝到“C：\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\檔案格式”這個檔案夾中。
之後再儲存的時候就會有ico這個選項了，這樣不但可以製作透明樣式的網站表徵圖，而且製作出來的ico邊緣非常光滑，比線上製作的精美很多。工具準備好了，開始製作。
挑一張喜歡的圖片，調整成16×16大小，通過Photoshop儲存為favicon.ico。注意，使用ICOFormat外掛程式時，圖片大小不能超過256×256，否則儲存時還是看不到儲存為ico的選項。
之後將製作好的favicon.ico上傳到網站的根目錄，如果是美國的空間，關閉瀏覽器後重新開啟你的網站就可以看到網站表徵圖了。
如果使用國內主機或者無法看到網站表徵圖，請進行下面的操作
在<head></head>之間加上
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
而動態網站表徵圖很簡單，就是一張GIF動畫，同樣是16×16大小，上傳到網站根目錄後，在《head》《/head》之間加下面這一句即可。
<link rel=”icon” href=”favicon.gif” type=”image/gif” >
加上下面的代碼會讓對方收藏夾中的ICO跟著改變。
<link rel=”Bookmark” href=”favicon.ico” />
到這裡如果操作無誤，你就會在自己的網址前面看到自己製作的小表徵圖了，如果還是看不到的話，請保證操作正確，清空瀏覽器的快取檔案，重新整理頁面就可以看到了。至於動態網站表徵圖，用Firefox瀏覽器才會生效。
這裡需要明確的是，在favicon.ico中，favicon是檔案名稱，ico是副檔名，檔案名稱是可以隨意起的，但之所以叫favicon，是因為在國外的主機市場，大多數的主機如果發現根目錄裡有一個favicon.ico檔案的話會自動將其定義為網站的表徵圖，不用修改程式的原始碼，我們只要將做好的網站表徵圖檔案儲存為favicon.ico並上傳到網站的根目錄即可，很方便。但在國內的主機市場，目前很多還沒有這個功能，只能通過修改原始碼的方式將favicon.ico加上去。
最後給出一個線上製作網站表徵圖的網站：http://www.html-kit.com/favicon/
按照提示一步一步操作，最後你可以下載到你所需要的東西，包括ico檔案和源碼。
地址：http://www.chami.com/html-kit/services/favicon/
地址：http://www.chami.com/html-kit/services/
Buddy Icon from Pics //把圖片轉換成ICO格式，還可製作PNG格式的背景圖片
Image Embellisher //製作特殊效果的圖片，比如立方體，Windows徽標那樣的波浪
原文出處
原文funkey
原文連結：http://www.ifunkey.com/1121.html
[轉]網站地址欄小表徵圖favicon.ico的製作方法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
