用簡單的方法創造一個favicon
我最近決定更新這個網站的FavIcon（位址列中的小圖示）。舊的那個是我在visualstudio中自己破解的東西，對我來說似乎不夠友好。
有許多線上生成器可以從圖片中為您建立圖示，它們看起來確實做得很好，同時使一切都非常簡單。
這兩個是我個人在多個網站上使用過的：
- 圖片中的FavIcon
- 動態驅動–FavIcon發電機
圖片中的FavIcon
首先找到一張與您希望的圖示相似的圖片：
只需選擇檔案，然後單擊Generate按鈕，您將看到與位址列中相同的新圖示。
我用了這個圖示，但最後在一個影象編輯應用程式中清理了一下。
動態驅動–FavIcon發電機
只需選擇圖片，單擊建立圖示按鈕，然後檢視預覽。
唯一的問題是，你可能會注意到，通常你的圖示會結束一個彩色背景，即使你可能更喜歡他們的透明度。
安裝FavIcon
一旦你有了圖示檔案，你就可以把它儲存在你網站的某個地方。編輯站點的標題/主題並**以下行，如有必要可調整路徑。
<link rel=”shortcut icon” href=”/favicon.ico” >
就這些了。
- 發表於 2021-04-14 12:04
- 閱讀 ( 40 )
- 分類：網際網路
你可能感興趣的文章
5種使用表情符號的奇怪方法
... 你想要初學者用簡單的程式語言是什麼意思？真正的程式設計師是用表情符號寫的。 ...
在word2016中製作一個可填充的表單&用簡單的方法收集資料
你在生活中見過美麗的形體嗎？ ...
這本新詞典用簡單的術語解釋了複雜的技術概念
...用你的Facebook、Google或Twitter憑據登入，看看你是否有能力用簡單的語言解釋複雜的technobable。你可以分享你喜歡的類比和向上或向下投票。所有投稿都由編輯主持。 ...
如何使用html5樣板在幾分鐘內建立一個網站
...min.js ---modernizr.min.js.editorconfig.htaccess404.htmlbrowserconfig.xmlfavicon.icohumans.txticon.pngindex.htmlrobots.txtsite.webmanifesttile.pngtile-wide.png ...
如何學會用簡單的方法編寫程式碼（並賺更多的錢）
編碼正成為各行業最需要的技能。在《迷失的採訪》紀錄片中，史蒂夫·喬布斯說：“這個國家的每個人都應該學習如何程式設計，應該學習一門計算機語言，因為它教會你如何思考。” ...
用簡單的方法升級到最新的ubuntu
準備好跳上最新的Ubuntu，但不想弄亂你當前的Ubuntu安裝嗎？下面介紹如何直接從更新管理器輕鬆升級到ubuntu10.10或任何更高版本的Ubuntu。 Ubuntu的設計目的是使安裝所有軟體的最新版本變得容易。更新管理器會隨著時間的推移給你...
用簡單的方法更改Windows7啟動orb
想讓您的Windows7 PC更加獨特和個性化？然後檢視這個簡單的指南，說明如何在Windows7中更改您的開始orb。 入門 首先，下載免費的Windows7啟動按鈕轉換器（下面的連結），並提取資料夾的內容。它包含了應用程式以及一個可選的開...
用簡單的方法為Windows7新增一個快速啟動功能
你懷念Windows7中的快速啟動工具欄嗎？現在您可以透過高度可定製的免費實用程式SE TrayMenu重新獲得該功能。 注意：SE托盤選單有exe檔案和可移植版本。 初始查詢和設定SE TrayMenu Up 安裝SE TrayMenu既快捷又簡單…一旦安裝完成，您...
用簡單的方法驗證縮短的url的目的地
從來沒有感到很確定縮短的URL指向何處，對此感到沮喪？現在，您可以透過Firefox的Verify Redirect擴充套件看到這些連結指向您的位置。 之前 由於Twitter和其他社交網站包含大量縮短的url，如果你看到某個陌生人的連結，你可能會...
用簡單的方法更改Windows7庫圖示
你有沒有想過用別的東西來替換Windows預設圖示？新的Windows7庫圖示可以透過對文字檔案的修改來更改，但是有一個更簡單的方法。我們兩個都解釋。 不知道我們在說什麼？開啟Windows資源管理器，檢視庫。 在今天的課程中，我...
