Bildgrößen und Bildzuschnitt

WordPress Einstellungen für Medien

Bildgrößen
→ Vorschaubilder – Breite/Höhe: 360 px (»Beschneiden auf exakte Größe« deaktivieren)
→ Mittelgroß – Breite/Höhe: 720 px
→ Groß – Breite/Höhe: 1440 px

Dateien hochladen
»Organisiere Uploads in monats- und jahresbasierten Ordnern« unbedingt DEAKTIVIEREN!

Nutzung von Bildern

Auf insitu-berlin.com gibt es 3 Bildtypen:
PostImages, Slides und Facebook OpenGraph Images.

PostImages

PostImages sind die Titel- und Vorschaubilder der Beiträge. Die Vorschaubilder werden z.B. in der Past-Gallery benötigt. Post Images gibt es in zwei Formaten:
→ quadratisch Pixelmaße: (1440 x 1440 px) und
→ rechteckig Pixelmaße: (1440 x 960 px)

Für die Past-Gallery wird immer das quadratische Format benötig.
Deshalb muss dieses immer als erstes »Featured Image« zugewiesen werden.

Passt das Querformat aber besser zum Motiv oder in den Post kann dieses zusätzlich in der Seitenleiste der Beitrags-Bearbeitungs-Ansicht als »Featured Image 2« zugewiesen werden.

Im Post wird dann dieses erscheinen, in der Past gallery wird weiterhin das quadratische Motiv ausgespielt.

Bitte innerhalb eines Zyklus beim Format der Titelbilder konsistent bleiben. Für runde Vorschaubilder (Zyklus 4) dient das quadratische Format als Grundlage.

Slides / Slider Bilder

Bei den Bildern, die als Slider oder Einzelbild in einem Artikel gezeigt werden sollen gibt es nur ein Format:
→ Pixelmaße: 1440 x 960 px (Seitenverhältnis 3:2)

Bei der Darstellung im Slider ist folgendes zu beachten:
→ Bei der Ausspielung im Slider werden die Bilder oben und unten beschnitten, so dass ein Abschnitt mit Seitenverhältnis 2:1 sichtbar bleibt.
→ Bei Anlage der Bilder auf 1440 x 960 px verschwinden jeweils 120 px im »Puffer«. Daher beim Bildzuschnitt darauf achten, dass relevante Bildinformationen nicht in den Pufferzonen liegen.
→ Im Fullscreen-Mode sind die Bilder vollständig zu sehen.

Liegt das Ausgangsbildmaterial nicht in ausreichender Größe vor, sollte zumindest das Seitenverhältnis 3:2 eingehalten werden.

Soll Bildmaterial mit anderen Proportionen eingebunden werden, oder darf dieses bei der Ausspielung im Artikel nicht beschnitten werden, muss dies über die Positionierung des Bildes auf weißer oder schwarzer Grundfläche gelöst werden.

Zum Anlegen und Einbinden eines Sliders oder Einzelbildes in einen Artikel siehe → Slider anlegen.

Facebook Open Graph Images

Dienen Facebook zur automatischen Generierung eines Vorschaubildes beim Teilen von Seiten oder Artikeln. Die OpenGraph Images müssen gesondert angelegt und eingebunden werden. Auch hier gibt es zwei Formate, die passen zum Titelbild im Beitrag gewählt werden können:
→ quadratisch Pixelmaße: (631 x 631 px) und
→ rechteckig Pixelmaße: (1200 x 631 px)

Die Einbindung in den Beitrag wir im Modul »Open Graph«
vorgenommen. Meist ist es unterhalb des Texteingabemoduls zu finden.