在建立網(wǎng)站和博客時(shí)通常有許多重要環(huán)節(jié)一定要做，其中一個(gè)就是加入網(wǎng)站圖標(biāo)，也就是大家常聽到的「Favicon」，這是什么呢？其實(shí)就是網(wǎng)站會(huì)顯示于瀏覽器分頁上的小小圖標(biāo)，這也不是什么很新的東西，大部分網(wǎng)站都會(huì)放，尤其在開啟很多頁面的情況下無法在分頁標(biāo)簽看到網(wǎng)站名稱，圖標(biāo)就成為辨識(shí)分頁對(duì)應(yīng)網(wǎng)站的方式，因此設(shè)定好一個(gè)易于識(shí)別、能增加使用者印象的網(wǎng)站圖標(biāo)就顯得格外重要。
大部分的站長(zhǎng)會(huì)直接使用自己的瀏覽器測(cè)試效果，只要在Google Chrome、Firefox 和Safari 或Opera 上預(yù)覽一下就能知道有沒有符合自己的期待，不過這非?；〞r(shí)間，尤其當(dāng)前瀏覽器又有原生的淺色和深色模式，不同底色也會(huì)呈現(xiàn)不一樣的感覺。
本文要介紹的「Favicon Checker」是一款讓使用者快速模擬、測(cè)試網(wǎng)站圖標(biāo)在不同瀏覽器上顯示效果的線上工具，只要上傳你的 favicon 或直接帶入圖案鏈接，就能立即看到圖標(biāo)在 Chrome、Firefox 和 Safari瀏覽器分頁上的顯示效果，而且還包含 Firefox 內(nèi)建的預(yù)設(shè)、亮色和暗色布景主題。
除此之外，當(dāng)瀏覽器分頁被選取、鼠標(biāo)移上去或未使用時(shí)也分別會(huì)有不太一樣的背景深淺變化，在 Favicon Checker 中可一并比較測(cè)試，有需要的開發(fā)者可加入書簽備用。
Favicon Checker
網(wǎng)站鏈接：http://www.colinkeany.com/favicon-checker/
開啟 Favicon Checker網(wǎng)站，從左上角點(diǎn)選「Upload you favicon」上傳你要測(cè)試的網(wǎng)站圖標(biāo)圖案，或者在下方貼上圖標(biāo)鏈接，在這里記得是圖檔網(wǎng)址，不是網(wǎng)站網(wǎng)址，否則就會(huì)跟我一樣測(cè)試半天發(fā)現(xiàn)圖案怎么跑不出來。
在上傳網(wǎng)站圖標(biāo)或貼上圖標(biāo)網(wǎng)址更新后，在 Favicon Checker 右側(cè)就能看到圖標(biāo)顯示于不同瀏覽器、不同布景主題配色以及不同狀態(tài)下的效果，是不是比自己手動(dòng)去開瀏覽器一個(gè)一個(gè)測(cè)試更簡(jiǎn)單也省時(shí)間呢？
值得一試的三個(gè)理由：
- 測(cè)試網(wǎng)站圖標(biāo)在Chrome、Firefox 和Safari 顯示效果；
- 直接上傳圖檔或輸入圖標(biāo)網(wǎng)址就能看到效果；
- 可以查看圖標(biāo)在不同狀態(tài)下的瀏覽器分頁背景呈現(xiàn)效果。
圖片素材作者：Ted Kulakevich
「Favicon圖標(biāo)好文」
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 737 位幸運(yùn)星
發(fā)表評(píng)論 為下方 2 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓