Accesskey Navigation

Empfehlung Bild Varianten / Anwendungen

Wenn möglich immer alle Bilder im gleichen, definierten Format bereitstellen. Bitte möglichst wenige unterschiedliche Kombinationen erstellen. Da alle Bilder auch auf verschiedenen Devices und Grössen möglichst gut funktionieren sollen, ist dies extrem wichtig.

Für alle Inhaltsbilder kann und soll das gleiche Format verwendet werden: 2000px x 1333px. Ausnahmen sind die Headerbilder und die speziellen Kachelbilder auf der Startseite (diese werden durch Next aufbereitet).

Weitere Ausnahmen sind Incons und Bilder, wo es schlicht nicht möglich ist, diese grösser zu beschaffen, den Charakter von Icons haben oder in einer grösseren Auflistung angewendet werden.

Bilder im Inhalt
Bilder in den News
2000px x 1333px (oder grösser, aber im gleichen Verhältnis)
Mitarbeiterbilder quadratisch 1000px x 1000px  (oder grösser, aber im gleichen Verhältnis)
Headerbilder Unterseiten 2000px x 560px  (oder grösser, aber im gleichen Verhältnis)
Headerbilder Home 2000px x 750px  (oder grösser, aber im gleichen Verhältnis)
Bild auf ganze Breite
Neben dem Text links

Bild links. Im Reiter "Bild" das Bild auswählen, Mit Alt-Text versehen und bei  "Medienanpassungen - Breite jedes Elements (Pixel)" 650px eintragen. Dies bewirkt, dass im Hintergrund die Bilder möglichst optimal für die responsive Ausgabe umgewandelt werden. Da die Darstellung auf allen Devices und Bildschirmgrössen etwas anderst reagiert, ist es wichtig, möglichst wenig Variationen von Bildkombinationen zu erstellen. Wir haben dieses Bild-Text Element möglichst gut konfiguriert, damit es auf den meisten Auflösungen gut funktioniert.

Neben dem Text rechts

Bild rechts. Im Reiter "Bild" das Bild auswählen, Mit Alt-Text versehen und bei  "Medienanpassungen - Breite jedes Elements (Pixel)" 650px eintragen. Dies bewirkt, dass im Hintergrund die Bilder möglichst optimal für die responsive Ausgabe umgewandelt werden. Da die Darstellung auf allen Devices und Bildschirmgrössen etwas anderst reagiert, ist es wichtig, möglichst wenig Variationen von Bildkombinationen zu erstellen. Wir haben dieses Bild-Text Element möglichst gut konfiguriert, damit es auf den meisten Auflösungen gut funktioniert.

Person - neben dem Text links

Bei einer Person, welche auch in der Personensuche vorhanden ist, ist es sinnvoll, das bereits vorhandene, quadratische Bild zu verwenden.

Das Bild wurde im Fall "Personensuche" quadratisch zugeschnitten, damit das Bild in der Personensuche rund ausgegeben werden kann. Auch hier, bitte die Breite 650px angeben. Bei den Personen bevorzugen wir die Darstellung "Bild links, Text rechts".

Kleine Bilder oder Icons

Damit auch kleinere Bilder oder Icons gut eingesetzt werden können, haben wir im Reiter "Erscheinungsbild" ein Layout "Kleines Bild" erstellt. Dies soll für ganz kleine Bilder oder Icons verwendet werden. Auch hier kann die Variante links oder rechts gewählt werden.

Hier wird die Darstellung "Bild links" bevorzugt.

Kleine Bilder oder Icons

Damit auch kleinere Bilder oder Icons gut eingesetzt werden können, haben wir im Reiter "Erscheinungsbild" ein Layout "Kleines Bild" erstellt. Dies soll für ganz kleine Bilder oder Icons verwendet werden. Auch hier kann die Variante links oder rechts gewählt werden. Bei den Pixeln muss nichts definiert werden.

Hier wird die Darstellung "Bild rechts" favorisiert.

Galerie