在線制作生成ico透明圖標—指定大小


在線制作生成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"/>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM