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