新增 Favicon

「Favicon」是瀏覽器用於分頁和書籤的圖示。這有助於區分您的網站並賦予其獨特的品牌形象。

一個常見的問題是如何將 favicon 新增到 Flask 應用程式中。首先，當然，您需要一個圖示。它應該是 16 × 16 像素，並且是 ICO 檔案格式。這不是一個要求，但它是所有相關瀏覽器都支援的事實標準。將圖示放在您的靜態目錄中，命名為 favicon.ico。

現在，為了讓瀏覽器找到您的圖示，正確的方法是在您的 HTML 中新增一個 link 標籤。例如

<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">

對於大多數瀏覽器來說，這就是您所需要的全部，但是一些非常舊的瀏覽器不支援此標準。舊的事實標準是在網站根目錄中提供此檔案（使用此名稱）。如果您的應用程式未掛載在網域的根路徑，您需要設定網路伺服器以在根目錄中提供圖示，或者如果您無法做到這一點，那就沒辦法了。但是，如果您的應用程式是根目錄，您可以簡單地路由一個重定向

app.add_url_rule('/favicon.ico',
                 redirect_to=url_for('static', filename='favicon.ico'))

如果您想節省額外的重定向請求，您也可以使用 send_from_directory() 撰寫一個視圖

import os
from flask import send_from_directory

@app.route('/favicon.ico')
def favicon():
    return send_from_directory(os.path.join(app.root_path, 'static'),
                               'favicon.ico', mimetype='image/vnd.microsoft.icon')

我們可以省略明確的 mimetype，它會被猜測出來，但我們最好還是指定它，以避免額外的猜測，因為它總是相同的。

以上將透過您的應用程式提供圖示，如果可能，最好設定您的專用網路伺服器來提供它；請參閱網路伺服器的文件。

參見

• 維基百科上的 Favicon 文章