# Bilder auf morrow.gallery pflegen

**Für Alexander · Stand 2026**

Du brauchst **kein npm**, keinen Build und keine Programmierung.  
Bilder tauschst du über den **IONOS Dateimanager** (oder FTP). Die Website erkennt automatisch, welche Slots belegt sind.

**Vollständige Anleitung:** diese Datei (`Bilder-Anleitung.md`) — im Footer der Website als Download verlinkt.

---

## Kurzüberblick

| Bereich | Ordner | Dateinamen |
|---------|--------|------------|
| **Hero** (Startseite, großes Bild) | `images/Hero/` | `Hero.jpeg` |
| **Über mich** | `images/ÜberMich/` | `ÜberMich.jpeg` |
| **Portfolio** | `images/Portfolio/` | `Portfolio_1.jpeg` … `Portfolio_30.jpeg` |
| **Snapshots** | `images/Snapshots/` | `Snapshot_1.jpeg` … `Snapshot_15.jpeg` |
| **Polaroids** | `images/Polaroids/` | `Polaroids_1.jpeg` … `Polaroids_10.jpeg` |
| **Logo** | `images/` (Root) | `Logo.svg` |
| **Sedcard** | Root der Website | `Sedcard_Alexander_Bartels_f.pdf` |

**Leerer Slot = Datei fehlt** → wird auf der Website **nicht angezeigt**.  
**Neues Bild in freiem Slot hochladen** → erscheint nach Seiten-Reload automatisch.

---

## Schritt für Schritt (IONOS Dateimanager)

1. Bei **IONOS einloggen** → Webspace & Domain → dein Paket  
2. **Dateimanager** (oder SFTP/FTP) öffnen  
3. Zum Ordner der Website navigieren (dort liegt auch die Startseite `index.html`)  
4. Ordner `images` → passenden Unterordner wählen (z. B. `Portfolio`)  
5. **Bild ersetzen:** Datei anklicken → „Ersetzen“ / Upload mit **gleichem Dateinamen**  
6. **Neues Bild:** freien Slot wählen (z. B. `Portfolio_18.jpeg` existiert noch nicht → hochladen)  
7. Website im Browser **neu laden** (ggf. Cache leeren: Strg+F5)

---

## Wichtige Regeln

### Dateiname **nie ändern**
- Richtig: `Portfolio_5.jpeg` durch neues Bild **ersetzen**  
- Falsch: `mein-neues-bild.jpg` oder `Portfolio_5_neu.jpeg`

### Format
- Am besten **JPEG** (`.jpeg`), Hochformat wie bisher  
- Empfohlen: **max. 2 MB** pro Bild, lange Seite ca. 1600 px hoch  
- Logo bleibt **SVG**: `Logo.svg`

### Bild entfernen
- Datei im Dateimanager **löschen** → Slot verschwindet auf der Website

### Reihenfolge
- Portfolio, Snapshots und Polaroids werden auf der Seite **zufällig** gemischt — du musst keine Reihenfolge pflegen

---

## Slots pro Bereich (Obergrenze)

| Bereich | Slots |
|---------|-------|
| Portfolio | 1 – 30 |
| Snapshots | 1 – 15 |
| Polaroids | 1 – 10 |

Mehr als diese Anzahl geht nur nach Abstimmung mit dem Entwickler (Slot-Liste erweitern).

---

## Einzelbilder

### Hero (`images/Hero/Hero.jpeg`)
- Das große Portrait auf der Startseite (rechts bzw. unter dem Text auf dem Handy)

### Über mich (`images/ÜberMich/ÜberMich.jpeg`)
- Portrait in der Sektion „Über mich“

---

## Sedcard & Logo

- **Sedcard:** PDF im Root ersetzen (`Sedcard_Alexander_Bartels_f.pdf`) — gleicher Dateiname  
- **Logo:** `Logo.svg` im Root von `images` bzw. Website-Root ersetzen (vorsichtig, SVG-Format beibehalten)

---

## Häufige Probleme

| Problem | Lösung |
|---------|--------|
| Bild erscheint nicht | Dateiname exakt prüfen (Groß/Klein, `_`, `.jpeg`) |
| Altes Bild noch sichtbar | Hard-Reload (Strg+F5) oder kurz warten (Browser-Cache) |
| Bild zu groß / langsam | Vor dem Upload komprimieren (z. B. mit fotoforensik.de, squoosh.app) |
| Falscher Ordner | Pfad in Tabelle oben prüfen |

---

## Was du **nicht** machen musst

- `npm run build`  
- Code oder Website neu „veröffentlichen“ (nur bei Layout-/Textänderungen durch Entwickler)  
- Dateien umbenennen oder Ordner verschieben  

---

## Support

Technische Website-Änderungen (Design, Texte, neue Bereiche): Entwickler kontaktieren.  
Bei reinen Bildtausch-Problemen: Dateiname und Ordner anhand dieser Anleitung prüfen.