Добавление значка сайта
«Значок сайта» (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')
Мы можем пропустить явное указание типа MIME, и оно будет угадано, но мы можем его указать, чтобы избежать лишних угадываний, так как он всегда будет одинаковым.
Вышеуказанное действие будет подавать значок через ваше приложение, и если это возможно, лучше настроить ваш выделенный веб-сервер на его подачу; см. документацию веб-сервера.
См. также
- Статью о значке сайта на Википедии
© 2007–2021 Pallets
Licensed under the BSD 3-clause License.
https://flask.palletsprojects.com/en/2.0.x/patterns/favicon/