Bildformate im Webauftritt
Inhaltsverzeichnis
Im Webauftritt der TUD werden alle hochgeladenen Bilder automatisch auf die entsprechende Ausgabegröße skaliert. Die unten angegebenen Bildgrößen sind die Ausgabegrößen. Es wird empfohlen, die Bilder in einer höheren Auflösung hochzuladen, die dem gleichen Format entspricht. In den meisten Fällen ist dies 16:9.
Bei der Skalierung von Bildern auf der Webseite gibt es drei verschiedene Verhaltensweisen, je nachdem, in welcher Box oder in welchem Element das Bild verwendet wird. Diese werden im Folgenden beschrieben.
Unveränderte Bilddarstellungen
Unveränderte Bilddarstellungen zeichnen sich dadurch aus, dass sie im Seitenverhältnis des Originalbildes dargestellt werden, das heißt, Ihr Bild wird nicht beschnitten. Die Bilder werden lediglich zur Ausgabe skaliert (verkleinert) und dabei die Datenmenge optimiert. Für diese Darstellungen können Sie Ihr Bild bedenkenlos im Originalzustand hochladen. Folgende Boxen enthalten unveränderte Bilddarstellungen:
| Element | Seitenverhältnis | Mindestbreite |
|---|---|---|
| Bild (halbe Inhaltsbreite) | frei | 480 px |
| Bild (ganze Inhaltsbreite) | frei | 630 px |
| Hauptbild Newsbeitrag | frei (empfohlen wird 16:9 für eine gleichzeitig optimierte Darstellung in der Newsteaserbox) | 630 px |
| Bildergaleriebox | frei | 480 x 270 px |
| Kontaktbox | frei (sollte Querformat sein) | 314 x 190 px |
| Logobox | frei | 240 x 130 px |
| Logo eines Webbereichs | frei | 240 x 50 px |
Beschnittene Bilddarstellungen
Beschnittene Bilddarstellungen werden unabhängig von der Bildschirmauflösung immer im gleichen Seitenverhältnis dargestellt. Das Bild wird jedoch für die Darstellung zugeschnitten. Um eine optimale Bildqualität zu gewährleisten, sollte das Bild mindestens in der angegebenen Bildgröße hochgeladen werden. Dies kann auch die Originalgröße des Bildes oder ein 16:9-Ausschnitt daraus sein. Hat Ihr Bild ein anderes Seitenverhältnis als 16:9, wird es zur Ausgabe für beschnittene Bilddarstellungen so skaliert, dass ein Rahmen des Formates 16:9 komplett in das Bild passt. Überstehende Bereiche werden symmetrisch abgeschnitten.
| Element | Seitenverhältnis | Mindestgröße |
|---|---|---|
| Introbox Übersichtsseite | 16:9 | 300 x 168 px |
| Teaserbox für Inhalte | 16:9 | 480 x 270 px |
| Bannerbox | 16:9 | 480 x 270 px |
| Empfehlungen | 16:9 | 480 x 270 px |
| Bildwechslerbox mit Text | 1:1 / 16:9 | 480 x 480 px |
Auflösungsabhängige Bilddarstellungen
Auflösungsabhängige Bilddarstellungen werden je nach Bildschirmauflösung unterschiedlich skaliert und beschnitten. Dadurch variieren die sichtbaren Bereiche des Bildes. Hier ist es wichtig, den Hauptinhalt des Bildes so zu platzieren, dass dieser möglichst immer sichtbar ist. Im Folgenden soll Ihnen jeweils eine schematische Abbildung verdeutlichen, welche Bildbereiche auflösungsabhängig abgeschnitten werden und welche immer sichtbar sind. Beachten Sie, dass Sie Ihr Bild in der angegebenen Mindestgröße oder dem entsprechenden Seitenverhältnis bereitstellen sollten, um die zugesicherten Bereiche der schematischen Abbildungen zu erhalten.
Introbox Startseite
Seitenverhältnis: 128:45 (Desktop), variierend (Tablet, Smartphone)
Mindestgröße: 1280 x 450 px
Bildwechslerbox mit Text
Die folgenden Angaben gelten, wenn Sie bei der Bildwechslerbox mit Text die Option "Bilder beschneiden" aktiviert haben.
Seitenverhältnis: 1:1 (Desktop, Tablet), 16:9 (Smartphone)
Mindestgröße: 480 x 480 px
Ausführliche Informationen zum Umgang mit Bildern im Webauftritt finden Sie im Leitfaden "Richtlinien zu Bildern im Webauftritt der TU Dresden".
Bei der Verwendung von Fotos und Bildmaterial im Webauftritt ist die vollständige Angabe des Urhebers bzw. der Urheberin zwingend erforderlich. Diese muss als „Copyright“ im entsprechenden eingetragen werden. Bei Bildern aus sog. Stock-Archiven besteht die Angabe in der Regel aus dem Stock-Archiv und dem Pseudonym des Urhebers bzw. der Urheberin, z.B. PantherMedia / Andriy Popov. Auch studentische Arbeiten bzw. das darin enthaltene Bildmaterial ist urheberrechtlich geschützt.
Fehlende Urheber:in-Angaben haben in der Vergangenheit zu rechtlichen Auseinandersetzungen und damit verbundenen Kosten für die TUD geführt, da Urheberrechte verletzt wurden. Wir bitten Sie daher eindringlich, auf die korrekte Urheber:in-Angabe zu achten.