Resep pembangunan ulang aset
Regenerasi semua aset merek raster dari sumber SVG master dengan resvg dan Pillow.
Resep pembangunan ulang aset meregenerasi setiap aset raster dari SVG master. Ini adalah jalur pembaruan otoritatif untuk iterasi merek.
Kapan menjalankannya
Jalankan resep pembangunan ulang ketika:
- SVG master (
assets/src/logo.svgatauassets/src/logo-dark.svg) berubah. - Master favicon ringkas (
assets/favicon.svg) berubah. - Master kartu sosial (
assets/src/og-banner.svgatauassets/src/twitter-card.svg) berubah. - Ukuran raster baru dibutuhkan.
- Anda ingin memverifikasi bahwa aset yang sudah di-commit masih cocok dengan sumber SVG.
Skrip
| Skrip | Platform | Path |
|---|---|---|
rebuild-assets-resvg.py | Host mana pun dengan Python + resvg | scripts/dev/rebuild-assets-resvg.py |
Persyaratan
Generator meraster setiap SVG dengan resvg dan menyusun set raster dengan Pillow:
- Pillow:
pip install pillow. - resvg: unduh binari rilis untuk platform Anda dari
rilis resvg —
resvg-win64.zipdi Windows,resvg-linux-x86_64.tar.gzdi Linux, atauresvg-macos.zipdi macOS — ekstrak kePATHAnda, atau arahkan skrip ke binari tersebut dengan--resvg <path>.
Penggunaan
Regenerasi setiap aset raster:
python scripts/dev/rebuild-assets-resvg.pyBerikan --check-only untuk memverifikasi bahwa toolchain tersedia tanpa
meregenerasi aset apa pun:
python scripts/dev/rebuild-assets-resvg.py --check-onlyJika resvg tidak ada di PATH Anda, arahkan skrip ke binari tersebut:
python scripts/dev/rebuild-assets-resvg.py --resvg /path/to/resvgVerifikasi
Eksekusi yang berhasil meregenerasi raster mark terang dan gelap, set favicon
PNG/ICO, ikon Apple touch, gambar OG/Twitter, dan mencerminkan subset yang
disajikan di web —termasuk sumber logo hero yang dirujuk situs— ke site/public/.
Setelah generasi, jalankan build situs dan periksa halaman Beranda, favicon tab
peramban, dan PNG kartu sosial sebelum memublikasikan.