瀏覽器logo
① 怎麼設置瀏覽器窗口的網站logo,我說的是網頁前端
網站上的logo實際上是一個「favicon.ico」圖片。
實現步驟:
第一步:製作favicon.ico,大小為16*16毫米;
第二步:將版「favicon.ico」放到項目的根路徑權下。
第三步:在所有html頁面head中添加如下代碼。
//收藏用logo圖標
<link rel="bookmark" type="image/x-icon" href="favicon.ico"/>
//網站顯示頁logo圖標
<link rel="shortcut icon" href="favicon.ico">
第四步:直接打開html頁面,打開方式為常用的瀏覽器即可。
② html中如何設置瀏覽器中標題前的logo
在<head></head>標簽之間輸入
<link rel="icon" href="圖片位置" type="image/x-icon"/>
或者用favicon表示:
規格有32×32、48×48、64×64、128×128,直接用PS做一個圖片,命名為favicon.ico,然後用FTP軟體上傳到網站根目錄替換原來的文件即可,如果不想用FTP軟體,也可以在網站的後台進行更換。
Favicon是favorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標)。Favicon是與某個網站或網頁相關聯的圖標。
(2)瀏覽器logo擴展閱讀
關於favicon圖標的用途
favicon.ico一般用於作為縮略的網站標志,它顯示位於瀏覽器的地址欄或者在標簽上,用於顯示網站的logo,比如下面的網路的logo, 目前主要的瀏覽器都支持favicon.ico圖標 。
1、生成圖標ico
很多網站都支持在線將圖片轉成ico格式,圖片的大小一般是幾百k左右
在線生成ico
③ 怎麼讓自己的網站在瀏覽器里有特殊的LOGO
第一步、要確復定網站制的主題和圖案所選,因為favicon文件時代表網站的標志。製作好圖片之後就可以用工具製作了,具體請搜「favicon在線製作」,上傳好圖片後,就可以選擇生成一個32x32像素或64x64像素的favicon文件。
第二步、將做好的favicon圖片文件上傳至你網站的根目錄下,即www目錄下。且保證命名為favicon.ico。
第三步、將這句代碼
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
放入到各頁面的<head></head>之間。
這時候重新生成更新網站,並清除瀏覽器緩存。刷新下,就可以看到網站漂亮的favicon文件了。
④ 怎樣讓網頁顯示logo
這是主頁圖標logo
滿足你的要求,你要先學會做圖標文件(即ico文件)
且此圖標文件的格式為16 X 16大小像素
且此圖標文件名必須為:favicon.ico
且此圖標文件必須與你的主頁文件(index.htm或index.html或index.asp)為同目錄下
只有這樣,別人在瀏覽你主頁的時候,IE會自動搜索favicon.ico圖標文件,並自動顯示在該主頁網址的最前面。
⑤ 瀏覽器地址欄左邊的LOGO 怎麼放上去呢
這是因為他們使用了favicon 也就是在網站根目錄下放了一個favicon.ico文件
什麼是favicon?
所謂favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。當然,這不僅僅是Favicon的全部,根據瀏覽器的不同,Favicon顯示也有所區別:在大多數主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式;除此之外,標簽式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。
從特定的技術角度看,favicon也並不只是僅僅讓網站給人更專業的觀感,也可以在一定程度上減輕伺服器的流量帶寬佔用:一般為了提高網站的可用性,我們都會為自己的網站創建一個自定義的404錯誤文件,在這種情況下,如果網站沒有相應的favicon.ico文件,每當有用戶收藏網站/網頁時, Web伺服器都會調用這個自定義的404文件,並在網站的錯誤日誌中記錄。這顯然是應該予以避免的。
如何製作Favicon.ico
製作Favicon.ico的方法相當簡單,首先,利用圖形工具創建2個反映網站主題的256色的小圖片:1個為32×32像素,另一個為16 ×16像素。需要注意的是,調色板要選用「Windows 默認調色板」,不然,在最終的效果展示中圖形可能會發生迥異於您初衷的顏色上變化。
需要說明的是,在很多關於Favicon.ico的說明中,常見到要求圖片為16色的說法,應該說這類說法大大過時:在早期如Windows 95時期,16色的Favicon.ico可能是個穩妥的選擇,保證其在大多數情況下正常使用,但現在,完全不存在那類限制,16色只能使圖標的展示效果大大降低。
至於在瀏覽器中使用時16×16像素的圖片已經足夠,為什麼還要准備32×32像素的圖片,原因在於,正如上文所言,favicon也顯示在地址欄中,用戶可以拖曳favicon到桌面以建立到網站的快捷方式,而桌面圖標則要以32×32顯示的,如果您的Favicon.ico不包括32像素的圖片,系統就只能使用默認的瀏覽器圖標來標注網站/網頁,如Internet Explorer的藍色「e」,起不到我們意欲通過Favicon.ico打造網站品牌的作用。
圖片製作好後,使用如Image2Ico之類的小程序即可將2張圖片轉換到一個Icon文件中。也可以通過可以在線製作Favicon的網站來製作,不過,需要注意的是,這個網站要求圖片源文件格式為Pic。
在網頁中使用Favicon.ico
瀏覽器調用Favicon的原則是首先在網頁所在的目錄下尋找Favicon.ico文件,如果沒有,便到網站的根目錄下尋找。
因此,在網頁中使用Favicon最簡單的辦法便是將製作好的圖標文件命名為Favicon.ico,然後將其上傳到網站的根目錄即可。
如果您需要將Favicon.ico放到其他目錄下,或者希望讓不同的網頁顯示不同的Favicon,就需要在網頁Html文件中做設定了,具體設置也很簡單,在Html中的<head>部分加入如下的代碼:
程序代碼: <link rel=」icon」 href=」/dir/favicon.ico」 mce_href=」/dir/favicon.ico」 type=」image/x-icon」>
<link rel=」shortcut icon」 href=」/dir/favicon.ico」 mce_href=」/dir/favicon.ico」 type=」image/x-icon」>
Firefox還支持GIF動畫格式的Favicon,使用方法如下:
首先製作一個16*16的gif動畫,然後在html代碼<head></head>中加入如下代碼:
程序代碼 <link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
⑥ 什麼是瀏覽器 怎麼看 有什麼標志
沒有什麼特殊的標志,什麼東西都是嘗試一下才知道的,瀏覽器也是如此,不可能瀏覽器上的圖標告訴你"瀏覽器"三個字你才確定它是瀏覽器啊?
⑦ html如何在瀏覽器標簽顯示網站logo
在網站根目錄下放一個 favicon.ico的
瀏覽器會自動抓取根目錄下的這個文件名 favicon.ico的圖片圖標為瀏覽器標簽Logo
⑧ 如何把網站LOGO 放到瀏覽器中!
搞個ico格式的文件,BMP的也可以,命名為 favicon.ico ,放在網站根目錄下,然後在頁面上加上下面的代碼:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />