Spec-Zone.ru › Flask 3.0

Добавление значка сайта

«Значок сайта» (favicon) — это значок, используемый браузерами для вкладок и закладок. Это помогает отличить ваш сайт и придать ему уникальный бренд.

Частым вопросом является то, как добавить значок сайта в приложение Flask. Сначала, конечно, вам нужен значок. Он должен иметь размер 16 × 16 пикселей и быть в формате ICO. Это не требование, но фактический стандарт, поддерживаемый всеми соответствующими браузерами. Поместите значок в каталог static как favicon.ico.

Теперь, чтобы браузеры нашли ваш значок, правильный способ — добавить тег ссылки в ваш HTML. Например:

<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 в Википедии

© 2010 Pallets
Licensed under the BSD 3-clause License.
https://flask.palletsprojects.com/en/3.0.x/patterns/favicon/

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API