方法一:
我們提供的服務有:成都網站建設、網站建設、微信公眾號開發(fā)、網站優(yōu)化、網站認證、桃江ssl等。為上1000+企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的桃江網站制作公司
直接在站點根目錄下放入名為:favicon.ico 的圖標文件(必須要為 ICO 文件,BMP 及其他格式的圖片文件不行)。還有將 favicon.ico 中的 favicon 命名為你網站域名的名稱也可以,例如:你網站的域名為:xll.com,你可以將該 ICO 文件命名為:xll.ico 。
方法二:
1. 在網頁的 ... 區(qū)加入代碼:,如果用這一種方法的話,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字來命名,如:aoul.ico,你甚至可以使每一個目錄下的每一個網頁文件的IE地址欄圖標都不同,但前提是 必須做到圖標文件的鏈接地址要正確。還有,在 ... 區(qū)加入代碼:,就可以在收藏夾中顯示你網頁鏈接的自定義圖標。
2. 在網站首頁的源文件 之間插入下面的斜體部分代碼 ……
3.動態(tài)ico圖標的實現(xiàn)方法,先把做好的gif動態(tài)圖標命名為favico.gif 之間加上。
1、將ico文件放在網站根目錄
2、在網站頁面中head標簽內添加
link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /即可。
這是網站圖標的格式,可以用一些在線的工具來制作比較方便快捷,比如這個在線的圖標制作工具,就可以很輕松制作了,他可以選擇不同的圖標尺寸,以及不同用途的圖標的類型,還能選擇輸出不同的圖標格式,挺方便可以嘗試。然后你要讓程序猿把圖標文件放到應用里面打包或者放到服務器某個路徑下就可以顯示了。在線ICO圖標制作生成,圖片轉換ICO圖標
圖片轉換ICO圖標Pro版步驟
一、點擊或者拖拽到上傳框中,即可上傳你要轉換的圖片,直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見的圖片格式,如果上傳圖片并轉換ico圖標成功,則代表支持該格式。
二、此時預覽框中會出現(xiàn)剛剛上傳的圖片,可以任意縮放拖拽裁剪框,選擇你想要截取并轉換ico圖標的區(qū)域。在拖拽縮放裁剪框的過程中,左上方會有ico圖標效果的實時預覽。
三、選擇需要生成的ico圖標的尺寸,主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標基本都是32、64或者128像素的。
四、選擇生成的ICO圖標的類型,默認為普通網站ICO圖標,也就是可以在web應用中使用的ICO圖標;也可以選擇Windows系統(tǒng)桌面標準格式ICO圖標類型,這種類型的ICO圖標可以作為Windows桌面圖標等。
五、選擇生成的ICO圖標的編碼格式,默認為不透明背景,適用于非鏤空圖片生成ico,這種格式的ICO文件最??;透明背景的ICO圖標,指的是將原本存在透明背景的圖片生成背景透明的ICO圖標,文件較大。
六、選擇轉換生成的ico圖標的文件格式,默認的格式是.ico,并且有.jpg和.png格式可以選擇。需要注意的是,ico圖標一般都是背景鏤空透明的圖形,只有.ico和.png格式支持透明背景的圖片,而.jpg格式的圖片本身是不支持的。
zblog的網頁圖標一般位于主題文件夾下的images目錄中,您可以嘗試在這個目錄下找到對應的qq圖標文件。如果您找不到該文件,可以嘗試在網頁代碼中搜索相關關鍵詞,看看是哪個文件調用了該圖標。
具體操作步驟如下:
登錄zblog后臺,進入主題設置頁面。
在左側導航欄中找到“自定義設置”或“編輯模板”等相關選項。
找到關于QQ圖標的相關代碼,一般位于作者模塊或社交媒體模塊中??梢試L試搜索“qq”、“icon-qq”等關鍵詞,找到相關代碼段。
在代碼中找到圖片文件的路徑,一般是類似于“images/icon-qq.png”這樣的路徑。根據路徑,到主題文件夾下的images目錄中查找對應的圖片文件。
如果您仍然無法找到對應的文件,可以嘗試在zblog官網或相關技術論壇上搜索相關問題,或者聯(lián)系主題作者或zblog技術支持人員獲取幫助。
只要您擁有一張jpg,gif,png的圖片就可以在線轉換為ico;
或者先用PS等圖像處理軟件將圖片弄成想要的樣子,也就是周圍是透明的,然后存為“PNG”格式
下載個軟件axialisiconworkshop,很好用的。
打開這個軟件,文件—打開,打開那張png格式的圖片,然后正中間圖片上面第一個工具(是個“I”的形狀,把鼠標放上去,寫著“從圖像創(chuàng)建WINDOWS圖標)點擊后出現(xiàn)三個選項“其他圖像格式,確定,取消)選擇確定,然后保存ctrl+s就行了~
關于ICO站標的制作方法:
ICO站標是什么?
ICO是Icon file的縮寫,是Windows圖標文件格式的一種,可以存儲單個圖案、多尺寸、多色板的圖標文件。ICO站標就是基于這個意義上建立起來的一種網站UEO應用模式。
右側效果圖→(炫酷網站長論壇):
第一步、制作一張你自己覺得合適的圖片(當然也可以去網上下載),這張圖片就是將來你的網站ICO站標的雛形,圖片的初始大小、格式沒有要求。
第二步、根據上面的圖片制作ICO格式的站標圖片,網絡上有很多在線生成ICO站標的網站,我們通過百度直接搜索“ICO站標制作”,就可以找到了。將上面選定的圖片導入“原始圖像”,“目標尺寸”選擇16*16,點擊生成,簡單搞定!
第三步、將第二步中制作好的ICO文件命名為“favicon.ico”,一般情況下上述ICO制作網站生成的文件會自動幫助默認命名。
第四步、將“favicon.ico”文件上傳至站點FTP根目錄(不推薦其他目錄),然后在首頁文件的head/head標簽內加上一段ICO站標代碼,代碼案例如下:
link rel=shortcut icon href= /,
實際操作中請將換成你的域名即可,
大家也可以參看一下炫酷網站長論壇首頁的源代碼!如下圖中的涂黑區(qū)域↓↓↓(點擊圖片放大)如果是博客程序的話,還需要更改其余的幾個模板文件,代碼放置區(qū)域同上。
關于博客程序的模板文件問題可以參考這篇文章:[zblog模板文件詳細說明] ,
第五步、有靜態(tài)化設置的站點需要將首頁、內頁等重新生成一下,博客程序的就文件重建一下,OK!
以上就是ICO站標的制作方法。
Ps:目前的瀏覽器很多都可以自動識別根目錄下的“favicon.ico”文件(這也是為什么前面推薦根目錄的原因),也許不用加代碼就可以實現(xiàn)ICO站標效果,只不過這樣不符合W3C推薦的規(guī)范而已,事實上很多大站都為此專門寫一行代碼,所以也建議站長們從基礎做起。