AnimatedFavicon 線上產生網站的網址列圖示

AnimatedFavicon 線上產生網站的網址列圖示

不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器,瀏覽網頁時,應該都會在其網址列或其瀏覽分頁上,看到該網站的代表圖示或是瀏覽器所預設的圖示,若加入書籤或我的最愛也會在其列上出現該網站的代表圖示,方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站,製作過程相當簡單,只要上傳圖片後,接下來就是下載應用,其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔,以利後續應用。

Genfavicon 簡單實用的線上 favicon 產生器

Genfavicon 簡單實用的線上 favicon 產生器

常看到 IE 瀏覽器的網址列的網址前有一圖示或是在 Google Chrome 瀏覽器的分頁標籤內網站名稱前有一圖示,這些圖示其實是透過在 HTML Head 區塊內加入<link rel="shortcut icon" href="favicon.ico" />該 link 標籤,那麼如何取得favicon.ico ?我們可以透過 Genfavicon 的網站,免費的產生 favicon, 該網站提供 16x16, 32x32, 48x48, 64x64, 128x128 等尺寸的 ICO 檔,可供運用。

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo,其功能除了可增加網站之見的識別度外,當然也可增加瀏覽者對網站的印象,而該 Logo 是在網頁內使用<link> 標籤來加載,早期因瀏覽器對 Favicon Icon 的支援程度不同,大都使用 ICO 及 PNG 圖檔格式,而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致, Favicon Icon 使用 svg 的向量圖檔更有其便利性,SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具,使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案,完成後,可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法,直接在網頁內使用。

Pic2Icon 網站 Favicon 圖示線上產生器

Pic2Icon 網站 Favicon 圖示線上產生器

網頁顯示時,在分頁上方通常都會加入網站的代表圖示,讓瀏覽者方便在眾多分頁中識別,其格式為 ico,需要在<head></head>加入 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />這樣便可在分頁中顯示,想要產生 ico 圖示,如果慣用的圖片編輯器,無法產生,可以來 Pic2Icon 這個網站進行圖示轉換,方便你後續的應用。