# Bildquellen

## Im Einsatz

| Datei | Quelle | Lizenz |
| --- | --- | --- |
| hero-park-*.jpg/avif | [Unsplash, David Klein](https://unsplash.com/photos/2SPn8naSSYA) | Unsplash-Lizenz — frei nutzbar, Namensnennung erwünscht, nicht Pflicht |
| bega-*.jpg/png | eigene Arbeit (BEGA-Guidelines) | — |
| kontakt-arbeit.jpg | eigener Screenshot (Blender, LinkedIn) | — |
| favicon.svg | selbst gezeichnet (JP-Monogramm) | — |

## Platzhalter aus der Aufbauphase

Pexels-Lizenz (frei nutzbar, keine Namensnennung nötig). Die meisten dieser
Dateien gehören zu Einträgen, die es nicht mehr gibt, und liegen nur noch im
Ordner — sie sind auf keiner Seite mehr verlinkt.

| Datei | Pexels-Foto |
| --- | --- |
| hero-desk.jpg | photos/1714202 |
| hero-aurora.jpg | photos/2080960 |
| promo-borealis.jpg | photos/7055 |
| promo-atlas.jpg | photos/30180436 |
| promo-relay.jpg | photos/17489160 |
| promo-kontakt.jpg | photos/4008334 |
| story-hero.jpg | photos/29202983 |
| story-feature-1.jpg | photos/1820388 |
| story-feature-2.jpg | photos/15422736 |
| story-wide.jpg | photos/3222255 |
| card-aurora.jpg | photos/34234384 |
| card-borealis.jpg | photos/33572895 |
| card-atlas.jpg | photos/36504036 |
| card-relay.jpg | photos/8386440 |
| card-mono.jpg | photos/6424583 |
| card-studio.jpg | photos/7057 |
| card-reels.jpg | photos/10913160 |
| card-nachtplan.jpg | photos/18441167 |


## Wie groß darf ein Bild sein?

Die Inhaltsspalte ist 980 CSS-Pixel breit — mehr wird kein Bild je
belegt, außer `hero-desk.jpg`, das randlos über die ganze Seite läuft.
Für scharfe Darstellung auf Retina-Schirmen zählt das Doppelte:

    Regel: höchstens 1960 px breit. Ausnahme: randlose Bilder.

Nachgemessen statt geschätzt — über alle 25 Seiten bei 1440 und
2560 px Fensterbreite wurde ermittelt, wie breit jedes Bild tatsächlich
dargestellt wird. Nur `hero-desk.jpg` wächst mit dem Fenster mit.

Ein größeres Bild bringt kein sichtbar besseres Ergebnis, kostet aber
Ladezeit: `story-hero.jpg` lag bei 2560 px und 1,99 MB, bei 1960 px sind
es 1,12 MB — dasselbe Bild, 44 % weniger.

Verkleinern (Seitenverhältnis bleibt, deshalb ändert sich am Layout
nichts):

    magick BILD.jpg -resize 1960x -quality 82 \
      -sampling-factor 4:2:0 -strip -interlace Plane BILD.jpg

NICHT zuschneiden: mehrere Bilder sitzen in Kacheln mit fester Form und
werden dort per object-fit beschnitten. Ein Zuschnitt in der Datei legt
den Ausschnitt fest und nimmt dem Layout diese Freiheit.