Добавление favicon
«Favicon» — это значок, используемый браузерами для вкладок и закладок. Это помогает отличить ваш сайт и придать ему уникальный бренд.
Часто задаваемый вопрос заключается в том, как добавить 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 в Википедии
© 2007–2022 Pallets
Licensed under the BSD 3-clause License.
https://flask.palletsprojects.com/en/2.3.x/patterns/favicon/