Рецепт пересборки ресурсов
Пересоздание всех растровых бренд-ресурсов из мастер-источников SVG с помощью resvg и Pillow.
Рецепт пересборки ресурсов пересоздаёт каждый растровый ресурс из мастер-SVG. Это авторитетный путь обновления для итераций бренда.
Когда запускать
Запускайте рецепт пересборки, когда:
- Мастер-SVG (
assets/src/logo.svgилиassets/src/logo-dark.svg) изменяется. - Мастер компактного favicon (
assets/favicon.svg) изменяется. - Мастер социальной карточки (
assets/src/og-banner.svgилиassets/src/twitter-card.svg) изменяется. - Требуется новый растровый размер.
- Вы хотите проверить, что зафиксированные ресурсы по-прежнему соответствуют источнику SVG.
Скрипт
| Скрипт | Платформа | Путь |
|---|---|---|
rebuild-assets-resvg.py | Любой хост с Python + resvg | scripts/dev/rebuild-assets-resvg.py |
Требования
Генератор растрирует каждый SVG с помощью resvg и составляет наборы растров с помощью Pillow:
- Pillow:
pip install pillow. - resvg: скачайте релизный бинарный файл для вашей платформы со страницы
релизов resvg —
resvg-win64.zipв Windows,resvg-linux-x86_64.tar.gzв Linux илиresvg-macos.zipв macOS — распакуйте его в вашPATHлибо укажите на него скрипту через--resvg <path>.
Использование
Пересоздайте каждый растровый ресурс:
python scripts/dev/rebuild-assets-resvg.pyПередайте --check-only, чтобы проверить доступность инструментальной цепочки,
не пересоздавая ни одного ресурса:
python scripts/dev/rebuild-assets-resvg.py --check-onlyЕсли resvg отсутствует в вашем PATH, укажите скрипту на бинарный файл:
python scripts/dev/rebuild-assets-resvg.py --resvg /path/to/resvgПроверка
Успешный запуск пересоздаёт растры светлого и тёмного знака, набор favicon
PNG/ICO, иконки Apple touch, изображения OG/Twitter и зеркалирует подмножество,
обслуживаемое в вебе, — включая источники главного логотипа, на которые ссылается
сайт, — в site/public/. После генерации запустите сборку сайта и перед
публикацией осмотрите главную страницу, favicon вкладки браузера и PNG социальных
карточек.