build.intersection.tw/how-to-favicon

Preview meta tags from the build.intersection.tw website.

Linked Hostnames

19

Thumbnail

Search Engine Appearance

Google

https://build.intersection.tw/how-to-favicon

以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)

用 SVG 取代 PNG，相信瀏覽器向下相容，捨棄過時的格式—現代網頁 Favicon 的終極、詳盡指南。包含靜態 HTML 和 Webpack 會用到的步驟。



Bing

以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)

https://build.intersection.tw/how-to-favicon

用 SVG 取代 PNG，相信瀏覽器向下相容，捨棄過時的格式—現代網頁 Favicon 的終極、詳盡指南。包含靜態 HTML 和 Webpack 會用到的步驟。



DuckDuckGo

https://build.intersection.tw/how-to-favicon

以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)

用 SVG 取代 PNG，相信瀏覽器向下相容，捨棄過時的格式—現代網頁 Favicon 的終極、詳盡指南。包含靜態 HTML 和 Webpack 會用到的步驟。

  • General Meta Tags

    14
    • title
      以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)
    • title
      喜歡的 UI 就要親手做出來
    • title
      ymcheung 的相關專案
    • title
      ymcheung 的 Github 首頁
    • charset
      utf-8

  • Open Graph Meta Tags

    10
    • og:type
      article
    • og:site_name
      喜歡的 UI 就要親手做出來
    • og:url
      https://build.intersection.tw/how-to-favicon
    • og:title
      以 2024 年的方法製作 Favicon：6 個檔案就搞定大多數需求 (翻譯)
    • og:description
      用 SVG 取代 PNG，相信瀏覽器向下相容，捨棄過時的格式—現代網頁 Favicon 的終極、詳盡指南。包含靜態 HTML 和 Webpack 會用到的步驟。

  • Link Tags

    7
    • apple-touch-icon
      /favicons/apple-touch-icon.png
    • canonical
      https://build.intersection.tw/how-to-favicon
    • icon
      /favicon.ico
    • icon
      /intersection.svg
    • manifest
      /favicons/site.webmanifest

Links

29