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 語法,直接在網頁內使用。

§相關文章,還可以參閱:

圖檔格式通常有:

  • png image/png
  • ico image/vnd.microsoft.icon
  • icns
  • svg image/svg+xml

如何使用 SVG Favicon Maker 製作用於網頁的 Favicon Icon?

1.下圖紅色框線處,就是 Favicon Icon 會顯示的位置。

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

2.使用瀏覽器進入 SVG Favicon Maker 網站後,可以透過左側所提供的工具來製作,其中 Letter 與 Emoji 可切換要顯示在 Icon 當中的是文字或是表情符號。

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

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

3.Background 處,則可以自訂形狀、背景色或點擊 Ⓧ 設置為透明。

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

4.完成後,便可根據複製 svg 語法,.貼到網頁 <head></head>之間,或是下載成 PNG 圖檔。

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

網路時代,以前上餐廳大家圍坐一起看菜單點菜的情景,似乎也將隨之改變,迎面而來的是大家拿出上網設備,對著 QR Code 一掃,然後就可進入商家所製作的電子菜單,但如果商家只為建立電子菜單就投入網路設備那也不划算,為此 QR Menu Creator 這個網站也就應運而生,商家只需進入該網站就可以根據其範本建立一份菜單,完成菜單編輯後,就會給出一個網址及該網址的 QR Code 圖形,商家僅需將 QR Code 圖形列印出來貼在餐桌上,而客戶的上網設備也只需掃描該 QR Code 便可進入該電子菜單進行點菜,該網路服務無須註冊,且完全免費,完成後的電子菜單也可以隨時可調整編輯,還有一點更重要,那就是使用中文也沒問題。

Windows 的使用多數從「開始」功能表為起點,以前需要靠其他應用程式來改變其樣式或顏色,而如今 Windows 已內建可以改變其顏色的功能,雖然樣式還是不能更改,但透過加入輔助顏色的功能,原工作列上的數字提示、工作列上的工作預覽框與滑鼠指標的指示線均會一起變更,甚至還可以一併改變標題列與式窗框線。