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 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.
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.
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".
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.
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.