當然，您不止一次聽說過favicon。 這與網頁設計密切相關，在每個頁面上（無論是在線商店，博客還是網站等）都非常重要。 他們會問你。 但， 什麼是收藏夾圖標？ 這是為了什麼？ 最重要的是，它是如何做到的？
如果您對此有很多疑問，在這裡我們將為您提供密鑰，以便您理解它，最重要的是，您可以在項目中展示它，並獲得更好的展示。 我們向您保證！
什麼是收藏夾圖標
我們將首先解釋什麼是favicon，以便您理解它。 而且，為此，沒有什麼比舉一個實際的例子更好了。 想像一下，您現在正在瀏覽（實際上，您正在閱讀我們）。 但是，您不僅有一個選項卡，而且還有多個選項卡。 您可能已經註意到，在每個頁面中都會顯示該頁面所反映的名稱，例如YouTube（因為您正在聽背景音樂），Gmail（因為您已打開郵件）或此頁面。
每個名稱旁邊的左側會出現一個正方形的小圖像。 YouTube和Gmail上的一個肯定可以通過其徽標來標識，但是其餘選項卡呢？
好吧，您實際上看到的是收藏夾圖標。 換句話說，它是一個 與您正在訪問的頁面相關的圖標， 這就是為什麼要注意此細節如此重要的原因，因為當您將頁面添加到收藏夾或快捷方式時，收藏夾圖標就成為該頁面的“圖像”，這就是為什麼您必須注意其設計以使其得到保護的原因。完美地聯繫在一起（最重要的是，它可以與他人區分開來）。
這個小圖標的大小通常設置為16×16像素（儘管也可以設置為32x32px）。 在其中，您必須注意正確放置的所有內容，否則，它將顯示為可識別的少許污點（這會給您的頁面造成非常不好的圖像）。
為什麼收藏夾圖標如此重要？
現在您知道了favicon是什麼，並且已將其定位在通常打開的頁面中，您是否注意到今天丟失的頁面越來越少了嗎？ 這是因為，賦予優雅和專有技術遠景非常重要。 也就是說，您將傳達關心細節的品牌或公司形象。
但是，該網站圖標還具有其他用途，例如：
- 用作您頁面的標識。 通常，此收藏夾圖標與您網站上的徽標相關，只是尺寸較小。 但是，當徽標太大而無法在按鈕上看到時，您傾向於選擇與其相關的內容。
- 您將幫助保存頁面的用戶直觀地識別它。 因此，即使由於收藏夾圖標的圖像而忘記了網址或公司名稱，他們也會找到它。
- 成為SEO的“好人”。 這必須與一粒鹽一起服用。 而且，擁有或沒有圖標不會直接影響SEO（也就是說，無論是否擁有它，都不會使您處於更好或更壞的位置）。 現在，越來越普遍的是，當瀏覽器進入頁面時，它會尋找該圖標，而當找不到該圖標時，它會顯示404錯誤。頁。
如何製作圖標
看到之後，很明顯，當您擁有網頁時，收藏夾圖標是必不可少的元素。 現在，你如何做一個？
您應該知道，在大多數情況下，它的作用是 選擇該網站的徽標，或者如果徽標太大，則可以識別該徽標。 例如，假設您有一個以某種方式調用的電視網站。 但這在收藏夾圖標中太大了。 取而代之的是，您可以放置電視的圖片，以便它們關聯起來。 在這種情況下，建議您使用與網站相同的顏色，以更好地識別它。
現在，我們如何創建收藏夾圖標？ 好吧，您有幾種選擇：
Photoshop，Gimp ...
換句話說，我們正在談論圖像編輯程序，因為圖標圖標的創建與圖像完全相同。 當然，您必須將其保存為.ico格式，這樣才能被識別，因為它不能保留為jpg，gif或類似格式。
這種方式 使您可以更好地自定義收藏夾圖標， 設法從頭開始創建它，並為其提供所需的表面效果。 通常，為此您可以使用正常大小的圖像，然後將其調整為該按鈕的大小。
實際上，應該將其上載並在不同的瀏覽器中進行測試，以查看它是否看起來不錯，具有代表性，並且最重要的是可以理解。
使用在線工具
在這種情況下，我們指的是可在幾秒鐘內將您想要的任何圖像轉換為圖標的網頁。 但您也可以選擇 直接在這些頁面上設計您的網站圖標。
如果要使用前者（上傳圖像並進行轉換），則建議使用Favicon Generator或Favic-o-matic。 但是，如果要使用後者（從頭開始設計），請下注於favicon.io或x-icon編輯器。
使用WordPress
您的網頁是用WordPress製作的嗎？ 並且您知道您可以使用該系統來創建您的網站圖標。 為此，您可以使用一些插件，這些插件可讓您根據已上傳（或上傳）的圖像創建此按鈕。 也通過 您可以執行“外觀/自定義”。
完成收藏圖標後，只需將其放在網站上並使其識別即可在頁面名稱的左側區域顯示它並將其保存在收藏夾中。 這樣，他們可以輕鬆識別您，而無需停止閱讀，如果這是他們真正想要訪問的頁面。