是什么讓網(wǎng)站圖標(biāo)在網(wǎng)站設(shè)計(jì)中如此強(qiáng)大的元素？在本文中，我們將闡明它的重要性，并教您有關(guān)如何創(chuàng)建它的所有信息。



什么是圖標(biāo)圖像？

圖標(biāo)是一個(gè) 16x16 像素的小圖標(biāo)，用于 Web 瀏覽器上表示網(wǎng)站或網(wǎng)頁。網(wǎng)站圖標(biāo)是“收藏夾圖標(biāo)”的縮寫，通常顯示在 Web 瀏覽器頂部的選項(xiàng)卡上，但它們也顯示在瀏覽器的書簽欄、歷史記錄和搜索結(jié)果中，以及頁面 URL 旁邊。


在某些情況下，例如在谷歌瀏覽器上，網(wǎng)站圖標(biāo)甚至?xí)霈F(xiàn)在瀏覽器的主頁上。換句話說，當(dāng)您創(chuàng)建網(wǎng)站圖標(biāo)時(shí)，它會(huì)充當(dāng)您網(wǎng)站的圖標(biāo)，或用戶在網(wǎng)絡(luò)上發(fā)現(xiàn)您的網(wǎng)站的視覺標(biāo)識(shí)符。


圖標(biāo)也可以稱為快捷方式圖標(biāo)、選項(xiàng)卡圖標(biāo)、URL 圖標(biāo)或書簽圖標(biāo)。



網(wǎng)站圖標(biāo)歷史

網(wǎng)站圖標(biāo)的第一個(gè)版本是由微軟在5年發(fā)布的Internet Explorer 1999中引入的。它是一個(gè) ICO 格式的 16x16 像素圖標(biāo)，可以添加到網(wǎng)站的根目錄中并自動(dòng)顯示在瀏覽器中。


然而，使用小圖標(biāo)來表示網(wǎng)站的想法可以追溯到 199 年之前。在網(wǎng)絡(luò)的早期，在圖形瀏覽器被普遍使用之前，像Lynx這樣的基于文本的瀏覽器會(huì)在網(wǎng)站名稱旁邊顯示一個(gè)小符號(hào)，以指示網(wǎng)站是否安全。


網(wǎng)站圖標(biāo)的概念后來被其他瀏覽器采用，包括Firefox和Chrome。同時(shí)，該格式發(fā)展到支持更大的尺寸和多種圖像格式。今天，網(wǎng)站圖標(biāo)是我們所有網(wǎng)絡(luò)體驗(yàn)不可或缺的一部分。作為定制設(shè)計(jì)的圖標(biāo)，它們用于增強(qiáng)大小公司的品牌標(biāo)識(shí)。



圖標(biāo)標(biāo)準(zhǔn)化

隨著時(shí)間的推移，網(wǎng)站圖標(biāo)在格式、大小和網(wǎng)站上的位置方面已經(jīng)標(biāo)準(zhǔn)化。這種標(biāo)準(zhǔn)化源于需要跨不同瀏覽器和設(shè)備一致地實(shí)現(xiàn)網(wǎng)站圖標(biāo)。


這種標(biāo)準(zhǔn)化過程始于 2005 年，當(dāng)時(shí)萬維網(wǎng)聯(lián)盟 （W3C） 發(fā)布了關(guān)于網(wǎng)站圖標(biāo)的建議，該文件應(yīng)命名為“favicon.ico”并放置在網(wǎng)站的根目錄中。他們的建議還列出了圖標(biāo)的大小和格式要求。


W3C 隨后在 2011 年再次更新了自己的建議，當(dāng)時(shí)他們?yōu)榫W(wǎng)站圖標(biāo)添加了額外的圖像格式和大小。它們還包括跨各種設(shè)備的多個(gè)圖標(biāo)的支持指南。


圖標(biāo)標(biāo)準(zhǔn)化有幾個(gè)好處。最主要的是，這意味著它們可以在各種瀏覽器和設(shè)備上正確顯示。在標(biāo)準(zhǔn)化之前，它們可能在一個(gè)瀏覽器上清楚地顯示出來，但在另一個(gè)瀏覽器上卻沒有，從而影響用戶體驗(yàn)。


它還簡(jiǎn)化了網(wǎng)頁設(shè)計(jì)師和開發(fā)人員的圖標(biāo)創(chuàng)建過程，因?yàn)樗麄儾辉傩枰獙ｉT為不同的瀏覽器和設(shè)備設(shè)計(jì)或格式化它們。一種設(shè)計(jì)和格式應(yīng)該有效。這也改善和標(biāo)準(zhǔn)化了所有 Web 用戶的 Web 體驗(yàn)。



網(wǎng)絡(luò)瀏覽器上的圖標(biāo)