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