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.svgexistiert, 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.