Favicon圖標(biāo)一般是指在瀏覽器中跟隨網(wǎng)站URL的圖形,今天和大家分享關(guān)于favicon圖標(biāo)相關(guān)知識(shí)以及如何輕松快速在線生成ico格式圖標(biāo)。在這篇文章中,你會(huì)了解到什么是favicon圖標(biāo)、為什么要?jiǎng)?chuàng)建favicon圖標(biāo)以及創(chuàng)建favicon圖標(biāo)的工具和一些技巧,一篇指南幫你搞定favicon圖標(biāo)設(shè)計(jì)。
什么是favicon圖標(biāo)?
Favicon也稱為URL圖標(biāo)或網(wǎng)站圖標(biāo)。這些圖標(biāo)非常?。ㄍǔ?6×16或32×32),并會(huì)顯示在瀏覽器窗口和書簽中網(wǎng)站網(wǎng)址的旁邊,讓訪問(wèn)用戶可以輕松在其打開(kāi)的窗口中識(shí)別你的網(wǎng)站。
favicon圖標(biāo)有什么作用?
多個(gè)窗口中一眼看到圖標(biāo)
1.提升網(wǎng)站識(shí)別度,方便用戶查找;首要作用就是讓訪問(wèn)用戶可以輕松在其打開(kāi)的窗口中識(shí)別你的網(wǎng)站,用戶會(huì)記住并識(shí)別它,他們會(huì)更快地在其他窗口中找到帶有你的圖標(biāo)的窗口。
谷歌書簽中沒(méi)有favicon圖標(biāo)的網(wǎng)站
2.增加了整體品牌的一致性和專業(yè)度;Favicon圖標(biāo)會(huì)被當(dāng)作品牌/網(wǎng)站的一部分,如果缺少這部分,會(huì)被當(dāng)作一個(gè)還沒(méi)有上線,或者不夠?qū)I(yè)用心的版本,
如何在線生成favicon圖標(biāo)?
每個(gè)瀏覽器和不同設(shè)備的設(shè)備分辨率都各不相同,這些圖標(biāo)應(yīng)該有各種大小尺寸文件,如果你有專業(yè)的設(shè)計(jì)團(tuán)隊(duì)交給他們就可以了。不過(guò)這對(duì)大多數(shù)個(gè)人站長(zhǎng)/程序員/創(chuàng)業(yè)者來(lái)說(shuō),是很繁鎖的事情。
這里免費(fèi)推薦一個(gè)比較好用的Favicon圖標(biāo)生成器工具,免費(fèi)在線生成ico圖標(biāo),可以通過(guò)輸入字母/漢字生成Favicon圖標(biāo)文件,或上傳本地logo圖片在線生成Favicon.ico格式圖標(biāo)下載,工具完全免費(fèi),大家可以放心使用。
簡(jiǎn)單介紹一下,該工具提供了兩種方式,可以通過(guò)字母(漢字)或者圖片來(lái)制作你的Favicon圖標(biāo)??
字母Favicon:直接輸入字母(支持漢字)后點(diǎn)擊生成按鈕就能看到多個(gè)基于字母(或者漢字)的圖標(biāo)樣式。選擇直接下載或者繼續(xù)編輯圖標(biāo)的字體,顏色,或者背景圖形。
圖片F(xiàn)avicon:如果您已有喜歡的圖形或者logo,可以點(diǎn)擊「圖片→ICO」的鏈接來(lái)在線生成你的Favicon圖標(biāo)。上傳圖片之后,可以在線調(diào)整圖標(biāo)至合適的大小,確保favicon圖標(biāo)展示得合適美觀,點(diǎn)擊下載就會(huì)得到favicon圖標(biāo)zip打包文件,里面涵蓋了各種場(chǎng)景需要的格式尺寸文件,能夠兼容絕大多數(shù)瀏覽器和設(shè)備。
關(guān)于圖標(biāo)文件生成后的安裝并上傳至網(wǎng)站,工具也給出了詳細(xì)的步驟介紹,幫助新手能夠快速搞定。具體這里就不過(guò)多介紹,大家可以自己去試試看。
Favicon圖標(biāo)的設(shè)計(jì)技巧
Favicon圖標(biāo)設(shè)計(jì)的關(guān)鍵是簡(jiǎn)潔。因?yàn)槟憧梢允褂玫目臻g很小,細(xì)節(jié)將會(huì)都看不到,因此保持形狀簡(jiǎn)潔很重要。
首先推薦你使用字母,一般是網(wǎng)站名稱的首字母/核心字母,以1~2個(gè)為宜,圓形是最通用的圖形,因?yàn)榧嫒菪员容^強(qiáng),不用考慮適配問(wèn)題。
有些網(wǎng)站可以直接將logo用于favicon圖標(biāo),前提是你的logo已經(jīng)足夠簡(jiǎn)單,沒(méi)有過(guò)多的文字,或者是圖標(biāo)+文字組合的logo,選擇圖標(biāo)部分作為favicon圖標(biāo)。
如果是采用漢字作為favicon圖標(biāo),值得注意的是,字體的選擇同樣是要避免一些結(jié)構(gòu)復(fù)雜過(guò)于藝術(shù)化的字體。
關(guān)于favicon圖標(biāo)顏色的選擇,一般是根據(jù)網(wǎng)站主色/logo品牌色來(lái)決定。近年來(lái)極簡(jiǎn)風(fēng)的流行,圖形logo都在做減法,因此呢,建議大家favicon圖標(biāo)顏色一般以1~2種比較好,漸變陰影類不太建議加,會(huì)帶來(lái)視覺(jué)干擾作用。
以上就是這篇文章的全部?jī)?nèi)容,關(guān)于favicon圖標(biāo),還有更多干貨知識(shí),將在后面的文章中和大家分享,希望有所幫助。