zblog怎么加ico zblog視頻教程

ico是什么,如何為網(wǎng)站添加ico

這是網(wǎng)站圖標(biāo)的格式,可以用一些在線的工具來(lái)制作比較方便快捷,比如這個(gè)在線的圖標(biāo)制作工具,就可以很輕松制作了,他可以選擇不同的圖標(biāo)尺寸,以及不同用途的圖標(biāo)的類(lèi)型,還能選擇輸出不同的圖標(biāo)格式,挺方便可以嘗試。然后你要讓程序猿把圖標(biāo)文件放到應(yīng)用里面打包或者放到服務(wù)器某個(gè)路徑下就可以顯示了。在線ICO圖標(biāo)制作生成,圖片轉(zhuǎn)換ICO圖標(biāo)

成都創(chuàng)新互聯(lián)從2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元鐵力做網(wǎng)站,已為上家服務(wù),為鐵力各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

圖片轉(zhuǎn)換ICO圖標(biāo)Pro版步驟

一、點(diǎn)擊或者拖拽到上傳框中,即可上傳你要轉(zhuǎn)換的圖片,直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見(jiàn)的圖片格式,如果上傳圖片并轉(zhuǎn)換ico圖標(biāo)成功,則代表支持該格式。

二、此時(shí)預(yù)覽框中會(huì)出現(xiàn)剛剛上傳的圖片,可以任意縮放拖拽裁剪框,選擇你想要截取并轉(zhuǎn)換ico圖標(biāo)的區(qū)域。在拖拽縮放裁剪框的過(guò)程中,左上方會(huì)有ico圖標(biāo)效果的實(shí)時(shí)預(yù)覽。

三、選擇需要生成的ico圖標(biāo)的尺寸,主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標(biāo)基本都是32、64或者128像素的。

四、選擇生成的ICO圖標(biāo)的類(lèi)型,默認(rèn)為普通網(wǎng)站ICO圖標(biāo),也就是可以在web應(yīng)用中使用的ICO圖標(biāo);也可以選擇Windows系統(tǒng)桌面標(biāo)準(zhǔn)格式ICO圖標(biāo)類(lèi)型,這種類(lèi)型的ICO圖標(biāo)可以作為Windows桌面圖標(biāo)等。

五、選擇生成的ICO圖標(biāo)的編碼格式,默認(rèn)為不透明背景,適用于非鏤空?qǐng)D片生成ico,這種格式的ICO文件最小;透明背景的ICO圖標(biāo),指的是將原本存在透明背景的圖片生成背景透明的ICO圖標(biāo),文件較大。

六、選擇轉(zhuǎn)換生成的ico圖標(biāo)的文件格式,默認(rèn)的格式是.ico,并且有.jpg和.png格式可以選擇。需要注意的是,ico圖標(biāo)一般都是背景鏤空透明的圖形,只有.ico和.png格式支持透明背景的圖片,而.jpg格式的圖片本身是不支持的。

ICO圖標(biāo)的制作流程

只要您擁有一張jpg,gif,png的圖片就可以在線轉(zhuǎn)換為ico;

或者先用PS等圖像處理軟件將圖片弄成想要的樣子,也就是周?chē)峭该鞯模缓蟠鏋椤癙NG”格式

下載個(gè)軟件axialisiconworkshop,很好用的。

打開(kāi)這個(gè)軟件,文件—打開(kāi),打開(kāi)那張png格式的圖片,然后正中間圖片上面第一個(gè)工具(是個(gè)“I”的形狀,把鼠標(biāo)放上去,寫(xiě)著“從圖像創(chuàng)建WINDOWS圖標(biāo))點(diǎn)擊后出現(xiàn)三個(gè)選項(xiàng)“其他圖像格式,確定,取消)選擇確定,然后保存ctrl+s就行了~

關(guān)于ICO站標(biāo)的制作方法:

ICO站標(biāo)是什么?

ICO是Icon file的縮寫(xiě),是Windows圖標(biāo)文件格式的一種,可以存儲(chǔ)單個(gè)圖案、多尺寸、多色板的圖標(biāo)文件。ICO站標(biāo)就是基于這個(gè)意義上建立起來(lái)的一種網(wǎng)站UEO應(yīng)用模式。

右側(cè)效果圖→(炫酷網(wǎng)站長(zhǎng)論壇):

第一步、制作一張你自己覺(jué)得合適的圖片(當(dāng)然也可以去網(wǎng)上下載),這張圖片就是將來(lái)你的網(wǎng)站ICO站標(biāo)的雛形,圖片的初始大小、格式?jīng)]有要求。

第二步、根據(jù)上面的圖片制作ICO格式的站標(biāo)圖片,網(wǎng)絡(luò)上有很多在線生成ICO站標(biāo)的網(wǎng)站,我們通過(guò)百度直接搜索“ICO站標(biāo)制作”,就可以找到了。將上面選定的圖片導(dǎo)入“原始圖像”,“目標(biāo)尺寸”選擇16*16,點(diǎn)擊生成,簡(jiǎn)單搞定!

第三步、將第二步中制作好的ICO文件命名為“favicon.ico”,一般情況下上述ICO制作網(wǎng)站生成的文件會(huì)自動(dòng)幫助默認(rèn)命名。

第四步、將“favicon.ico”文件上傳至站點(diǎn)FTP根目錄(不推薦其他目錄),然后在首頁(yè)文件的head/head標(biāo)簽內(nèi)加上一段ICO站標(biāo)代碼,代碼案例如下:

link rel=shortcut icon href= /,

實(shí)際操作中請(qǐng)將換成你的域名即可,

大家也可以參看一下炫酷網(wǎng)站長(zhǎng)論壇首頁(yè)的源代碼!如下圖中的涂黑區(qū)域↓↓↓(點(diǎn)擊圖片放大)如果是博客程序的話,還需要更改其余的幾個(gè)模板文件,代碼放置區(qū)域同上。

關(guān)于博客程序的模板文件問(wèn)題可以參考這篇文章:[zblog模板文件詳細(xì)說(shuō)明] ,

第五步、有靜態(tài)化設(shè)置的站點(diǎn)需要將首頁(yè)、內(nèi)頁(yè)等重新生成一下,博客程序的就文件重建一下,OK!

以上就是ICO站標(biāo)的制作方法。

Ps:目前的瀏覽器很多都可以自動(dòng)識(shí)別根目錄下的“favicon.ico”文件(這也是為什么前面推薦根目錄的原因),也許不用加代碼就可以實(shí)現(xiàn)ICO站標(biāo)效果,只不過(guò)這樣不符合W3C推薦的規(guī)范而已,事實(shí)上很多大站都為此專門(mén)寫(xiě)一行代碼,所以也建議站長(zhǎng)們從基礎(chǔ)做起。

zblog網(wǎng)頁(yè)圖標(biāo)如何更改,找不到路徑和文件?

zblog的網(wǎng)頁(yè)圖標(biāo)一般位于主題文件夾下的images目錄中,您可以嘗試在這個(gè)目錄下找到對(duì)應(yīng)的qq圖標(biāo)文件。如果您找不到該文件,可以嘗試在網(wǎng)頁(yè)代碼中搜索相關(guān)關(guān)鍵詞,看看是哪個(gè)文件調(diào)用了該圖標(biāo)。

具體操作步驟如下:

登錄zblog后臺(tái),進(jìn)入主題設(shè)置頁(yè)面。

在左側(cè)導(dǎo)航欄中找到“自定義設(shè)置”或“編輯模板”等相關(guān)選項(xiàng)。

找到關(guān)于QQ圖標(biāo)的相關(guān)代碼,一般位于作者模塊或社交媒體模塊中??梢試L試搜索“qq”、“icon-qq”等關(guān)鍵詞,找到相關(guān)代碼段。

在代碼中找到圖片文件的路徑,一般是類(lèi)似于“images/icon-qq.png”這樣的路徑。根據(jù)路徑,到主題文件夾下的images目錄中查找對(duì)應(yīng)的圖片文件。

如果您仍然無(wú)法找到對(duì)應(yīng)的文件,可以嘗試在zblog官網(wǎng)或相關(guān)技術(shù)論壇上搜索相關(guān)問(wèn)題,或者聯(lián)系主題作者或zblog技術(shù)支持人員獲取幫助。

本文題目:zblog怎么加ico zblog視頻教程
分享地址:http://www.muchs.cn/article22/dogijcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、域名注冊(cè)定制網(wǎng)站、響應(yīng)式網(wǎng)站、App開(kāi)發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)