32 lines
1.3 KiB
Markdown
32 lines
1.3 KiB
Markdown
# public/ – statische Dateien
|
||
|
||
Alles hier wird **unverändert** unter dem Wurzelpfad ausgeliefert:
|
||
`public/favicon.svg` → `https://app.skrift.de/favicon.svg`.
|
||
|
||
Das ist der richtige Ort für Dateien mit **festem Namen** (Icons, robots.txt).
|
||
Grafiken, die in Komponenten importiert werden, gehören dagegen nach
|
||
`src/assets/` – die bekommen beim Build einen Hash und sind damit cache-sicher.
|
||
|
||
## Hier ablegen
|
||
|
||
| Datei | Zweck | Empfehlung |
|
||
|---|---|---|
|
||
| `logo.svg` | Logo in der Kopfzeile | SVG, einfarbig in `#1E3A6A`, Höhe ~28 px optisch |
|
||
| `favicon.svg` | Browser-Tab (moderne Browser) | quadratisch, schlichte Bildmarke – Schriftzug wird bei 16 px unlesbar |
|
||
| `favicon.ico` | Rückfall für ältere Browser | 32×32 |
|
||
| `apple-touch-icon.png` | iOS-Startbildschirm | 180×180, ohne Transparenz |
|
||
| `fonts/` | Schriften (siehe `fonts/README.md`) | – |
|
||
|
||
## Verhalten, solange Dateien fehlen
|
||
|
||
- **Logo:** Die Kopfzeile zeigt automatisch den Schriftzug „Skrift" als Text.
|
||
Sobald `logo.svg` existiert, wird stattdessen das Bild angezeigt – kein
|
||
Codeänderung nötig.
|
||
- **Favicon:** Der Browser zeigt sein Standard-Icon. Kein Fehler.
|
||
|
||
## Icons erzeugen
|
||
|
||
Aus einem quadratischen SVG lassen sich die übrigen Formate schnell ableiten,
|
||
z. B. mit <https://realfavicongenerator.net> – dabei nur die oben genannten
|
||
Dateien behalten, den Rest braucht es nicht.
|