Добавление значка сайта
«Значок сайта» (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/