在線制作生成ico透明圖標—指定大小 鏈接為:http://ico.toolscat.com/
提供ico圖標在線制作、快速ico圖標制作、icon圖標制作、可以將png轉ico、所有圖片轉ico,透明ico圖標制作、動態ico圖標制作方法及將所制作的ico圖標下載下來,作為favicon.ico文件。
大家可以將這個網址收藏好,本人親測十分好用!對我們網站ico生產可以使用這個生成,很好用。
ico使用方式
以下是 HTML 元素:
<head>
<link rel="shortcut icon" href="/static/common/favicon.ico"/>
<link rel="icon" href="/static/common/favicon.ico" type="image/gif"/>
</head>
備注
語句一:<link rel="shortcut icon" href="/static/common/favicon.ico">
語句二:<link rel="icon" href="/static/common/favicon.ico" type="image/gif">
問題
語句一 Shortcut Icon 就是在網址列前面出現的Icon
語句二 icon的作用是怎么?和語句一有什么區別?
指導
過去,為保證favicon出現,網站設計者和開發者采用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種瀏覽器。
下列代碼另一個局限就是它把favicon關聯到了某個特定的HTML或XHTML文檔上。為避免這一點,favicon.ico文件應置於根目錄下。多數瀏覽器將自動檢測並使用它。
建議包含以下兩行HTML代碼:
圖像通常可以使用任何被瀏覽器支持的圖像格式。
.ico文件格式通常可以被所有可以顯示favicon的瀏覽器讀取。
設置服務器,以發送正確的MIME標識:
1,ICO 文件 image/vnd.microsoft.icon(或者亦可出於兼容性原因使用image/x-icon。然而最好使用IANA注冊的MIME類型,因為多數主流瀏覽器現在支持它)
2,GIF 文件 image/gif
3,PNG 文件 image/png
4,ICO:包括多種分辨率(最常使用的是16×16和32×32,Mac OS X有時使用64×64和128×128)以及位深(比特每像素)(多數使用4、8、24 bpp,即16、256和1600萬色)。
5,GIF: 使用16×16,256色。
6,PNG: 使用16×16,256色或24位。
注意
1.當favicon.ico被置於文檔根目錄時,將會被一些不處理link元件的瀏覽器找到,即使沒有您的站點上沒有指向它的鏈接。
2.盡量截取圖片距離周邊的距離小些,生成的icon在網頁中顯示效果更好
例如:
Favicon功能最早由微軟創設,而微軟公司的Internet Explorer網頁瀏覽器會對每一個網站都請求favicon。微軟支持的link標簽不遵從World Wide Web Consortium(W3C,萬維網聯盟)的HTML建議[1],因為:
rel屬性必須包含一個用空格作分隔符的link類型的列表,所以一個包含兩詞的link類型不能被遵守標准的瀏覽器理解。
“.ico”文件類型(一種用於Microsoft Windows上圖標的光柵格式)沒有一個注冊的MIME類型,而且似乎在當時也不能被多數瀏覽器理解。然而2003年,這一格式在IANA獲得注冊,其 MIME類型是image/vnd.microsoft.icon,進而消除了此問題的第一部分。
在網站上使用保留地址與互聯網的結構矛盾,同時被認為是link squatting(鏈接劫持)或URI squatting(URI劫持)。
Mozilla瀏覽器通過一種遵從Web標准的方法添加了對favicon的支持。它采用rel="icon"並允許網絡設計人員添加任何支持的圖像格式的favicon。
例如: <link rel="icon" type="image/png" href="/path/image.png"/>