Bilder & Videos

Die verschiedenen Inhaltselemente stellen Bilder, Grafiken und Videos je nach Art des Elements in unterschiedlichen Größen dar. Um derartige Inhalte bestmöglich für den Aufbau Ihrer Website vorbereiten zu können, haben wir für Sie die wichtigsten Elemente und die dazu passenden Empfehlungen für die entsprechenden Pixelmaße von Bildern zusammengefasst:

• Header Hauptseite: min. 2000 x 1500 Pixel (mobil 4:3, Desktop 16:7)
• Header Contentseite: min. 2000 x 727 Pixel (11:4)

In einer voll responsiven Website passen sich alle Elemente automatisch an unterschiedliche Bildschirmgrößen an.  TYPO3 arbeitet dabei mit einem zentralen Bildausschnitt: Ausgangspunkt ist die Bildmitte, von der aus sich der sichtbare Bereich je nach Bildschirmgröße nach außen erweitert oder verkleinert. Im Backend definieren Sie die maximale Bildgröße. Die Breite wird anschließend je nach Endgerät angepasst, während die Höhe proportional berechnet wird, damit das Bild nicht verzerrt wird. Achten Sie daher bei der Auswahl von Headerbildern auf folgende Punkte:

• Platzieren Sie wichtige Bildinhalte möglichst mittig
• Lassen Sie ausreichend „Puffer“ rund um das zentrale Motiv
• Vermeiden Sie relevante Inhalte am Rand, da diese je nach Bildschirmgröße abgeschnitten werden können

→ Wichtig: Nur wenn das zentrale Motiv ausreichend Freiraum hat, kann das Bild auf allen Geräten optimal dargestellt werden.

Bilder in Newsmeldungen werden je nach Ansicht unterschiedlich dargestellt, wodurch sich auch die Anforderungen an das Bildmaterial unterscheiden.

Listenansicht:
In der Listenansicht (News-Übersichtsseite) werden Bilder im Format 2:1 angezeigt. Achten Sie daher darauf, dass der relevante Bildausschnitt in diesem Verhältnis gut funktioniert.

Detailansicht:
In der Detailansicht (einzelne Newsmeldung) ist die Darstellung weniger eindeutig festgelegt:

• Die Bildhöhe passt sich dynamisch an Bildschirmgröße, Gerät (mobil/Desktop) und auch an die Länge des Titels an.
• Der sichtbare Bildausschnitt verändert sich entsprechend und wird ausgehend von der Bildmitte berechnet.

Ein fixes, ideales Bildformat gibt es daher für die Detailansicht nicht.

Wichtig für die Bildgestaltung

• Platzieren Sie zentrale Bildelemente möglichst in der Mitte.
• Lassen Sie rundherum ausreichend Platz, damit bei unterschiedlichen Darstellungen keine wichtigen Inhalte abgeschnitten werden.

Alternativen für die Bildverwendung

Wenn ein Bild vollständig sichtbar sein soll, empfehlen sich folgende Varianten:

• Bild nur in der Listenansicht verwenden
  → Kein Headerbild in der Detailansicht setzen
• Bild in der Detailansicht separat einfügen
  → z.B. im Galerie und Slider Element

Bei den Fotos aus der Mediathek ist der Copyright-Wortlaut bei jedem Bild einzeln hinterlegt.

Bitte beachten Sie, dass die Verwendung der Bilder nur zu redaktionellen Zwecken und im Zusammenhang mit der Universität Wien erlaubt ist. Außerdem muss der Copyright-Hinweis in der Dateiliste im Feld Urheberrecht platziert und dem Bild zuordenbar sein. Das Standardformat für Copyright-Hinweise ist Name des/der Fotograf*in - also z.B. “Ian Ehm”. 

Das Copyright-Zeichen erscheint automatisch auf der Website, sobald das Urheberrechts-Feld ausgefüllt ist.

Bildmaterial aus anderen Organisationseinheiten bzw. Pressefotos

Bitte beachten Sie: Die bloße Angabe des Copyrights ist keine Freigabe zur uneingeschränkten Nutzung eines Bildes.

Wenn Sie Bildmaterial von anderen Organisationseinheiten oder externen Stellen (z. B. Pressebilder, Fotos von Veranstaltungen etc.) erhalten, stellen Sie bitte sicher, dass die liefernde Stelle schriftlich bestätigt, dass:

• die erforderlichen Nutzungsrechte vorliegen,
• die Bilder für unsere Zwecke (z. B. Webauftritt, Social Media, Print) verwendet werden dürfen, und
• die korrekte Copyright-Bezeichnung übermittelt wurde.