40 lines
1.1 KiB
Markdown
40 lines
1.1 KiB
Markdown
# Как подключить лого Nubes в веб-сервис
|
||
|
||
## Правильный способ (как в Сверке)
|
||
|
||
Использовать `<img src="/static/logo.svg">` — браузер рендерит как картинку,
|
||
"b" в слове nubes не закрашивается.
|
||
|
||
## Файлы
|
||
|
||
- `~/nubes/design/logo.svg` — правильный логотип (CorelDRAW, 5 путей)
|
||
- `~/nubes/design/nubes-favicon.svg` — фавикон U-арка с nubes.ru
|
||
|
||
## В Python (Flask)
|
||
|
||
```python
|
||
# Читаем SVG как строку
|
||
_LOGO_SVG = """<svg ...>...</svg>"""
|
||
|
||
# Отдаём через эндпоинт
|
||
@app.route("/static/logo.svg")
|
||
def logo():
|
||
from flask import Response
|
||
return Response(_LOGO_SVG, mimetype="image/svg+xml")
|
||
```
|
||
|
||
## В HTML
|
||
|
||
```html
|
||
<img src="/static/logo.svg" alt="Nubes" style="height:28px">
|
||
```
|
||
|
||
## НЕПРАВИЛЬНО
|
||
|
||
- ❌ Инлайн `<svg>` — fill-rule ломает букву "b"
|
||
- ❌ Data URI — битый если длинный/неправильно закодирован
|
||
|
||
## Фавикон
|
||
|
||
Брать из nubes.ru: `https://nubes.ru/themes/custom/nubes/images/nubes-ico.svg`
|