添加Favicon或收藏夾圖標

為讀者書寫您的網站時設置一個自定義圖標

你有沒有註意到在你的書籤和某些網頁瀏覽器的標籤頁中出現的小圖標? 這就是所謂的收藏夾圖標或圖標。

favicon是您的網站營銷的重要組成部分,但您會驚訝有多少網站沒有。 這很不幸,因為它們相對容易創建,特別是如果您已經為您的網站準備了圖形和徽標。

創建一個Favicon首先創建你的圖像

使用圖形程序創建一個16 x 16像素的圖像。 某些瀏覽器支持其他尺寸,包括32 x 32,48 x 48和64 x 64,但您應該在您支持的瀏覽器中測試大於16 x 16的尺寸。 請記住,16 x 16非常小,因此請嘗試許多不同的版本,直到您創建可用於您的網站的圖像。 許多人這樣做的一種方法是創建一個比那個小尺寸大得多的圖像,然後調整它的大小。 這可以工作,但通常縮小時,較大的圖像看起來不太好。

我們更喜歡直接使用小尺寸,因為它更清晰地表現了圖像的外觀。 您可以放大圖形程序並製作圖像。 縮小時它會顯得塊狀,但這沒關係,因為當它沒有縮小時它不會那麼明顯。

您可以將圖像保存為您喜歡的圖像文件類型 ,但許多圖標生成器(如下所述)只能支持GIF或BMP文件 。 此外, GIF文件使用平坦的顏色,並且這些文件在小空間顯示效果通常比JPG照片更好。

將您的Favicon圖像轉換為圖標

一旦你有一個可接受的圖像,你需要將其轉換為圖標格式(.ICO)。

如果您試圖快速構建圖標,則可以使用FaviconGenerator.com等在線Favicon生成器。 這些發生器沒有圖標生成軟件那麼多的功能,但它們很快,可以在幾秒鐘內為您提供一個圖標。

作為PNG圖像和其他格式的Favicons

越來越多的瀏覽器不僅支持ICO文件作為圖標。 現在,您可以使用PNG,GIF,動畫GIF,JPG,APNG甚至SVG等格式的圖標(僅限於Opera)。 大多數類型的瀏覽器都存在支持問題, Internet Explorer僅支持.ICO 。 所以如果你需要你的圖標出現在IE中,你應該堅持ICO。

發布圖標

發布圖標很簡單,只需將其上傳到您網站的根目錄即可。 例如,Thoughtco.com圖標位於/favicon.ico。

有些瀏覽器會在網站的根目錄中找到圖標,但為了獲得最佳效果,您應該在您希望使用圖標的網站上的每個頁面上添加一個鏈接。 這也允許您使用名為favicon.ico以外的文件或將它們存儲在不同的目錄中。