Bildergrößen und Seitenverhältnisse

TSNweb bietet an vielen Stellen die Möglichkeit, Bilder einzusetzen. Um ein optimales Ergebnis bei der Verwendung von Bildern zu erreichen, muss bei der Gestaltung der Inhalte vor allem auf die Bildergröße und zum Teil auch auf das Seitenverhältnis der Bilder geachtet werden.

Grundsätzlich sollte man Bilder in der größtmöglichen Auflösung hochladen, damit TSNweb die bestmögliche Qualität liefern kann. Bilder werden vom System immer automatisch auf die tatsächlich benötigte Größe angepasst. Zusätzlich werden noch weitere Anpassungen je nach Bedarf angewendet.

Die nachfolgende Liste zeigt, an welchen Stellen Bilder zum Einsatz kommen können und worauf geachtet werden sollte:

  • Bild-Paragraph: Über einen Bild-Paragraphen können Bilder in allen Inhaltstypen (Seite, News & Termin) eingefügt werden. Bilder werden immer in der originalen Größe dargestellt, bis die maximal zur Verfügung stehende Breite erreicht wird.
  • Bild-und-Text-Paragraph: Über einen Bild-und-Text-Paragraphen können Bilder in Kombination mit Text in allen Inhaltstypen (Seite, News & Termin) eingefügt werden. Bilder werden immer in der originalen Größe dargestellt, bis die Hälfte der maximal zur Verfügung stehende Breite erreicht wird.
  • Vorschaubild bei News-Listen: Bei der Erstellung einer News können Bilder als Vorschaubilder für die Anzeige der News in einer Liste hinzugefügt werden. In der News-Ansicht wird das Vorschaubild hingegen nicht mehr angezeigt. Die Vorschaubilder werden vom System automatisch auf die benötigte Größe zugeschnitten. Ist das hochgeladene Bild beispielsweise zu breit oder zu hoch für das Vorschaubild, wird ein passender Ausschnitt ausgehend von der Bildmitte verwendet.
  • Bild für Kopfbereich: Bei den Inhaltstypen Seite und News besteht die Möglichkeit, im Kopfbereich ein Bild einzufügen, welches sich über die gesamte Breite erstreckt. Die Bilder im Kopfbereich können individuell pro Inhaltstyp verwendet werden und werden nicht auf untergeordneten Seiten wiederverwendet. Ist das hochgeladene Bild beispielsweise zu breit oder zu hoch für das Bild im Kopfbereich, wird ein passender Ausschnitt ausgehend von der Bildmitte verwendet.
  • Slider für Kopfbereich: Alternativ zu einem einzelnen Bild können auch mehrer Bilder als Slideshow im Kopfbereich eingefügt werden. Hier besteht zusätzlich noch die Möglichkeit, Texte zum den einzelnen Bildern hinzuzufügen. Sind die hochgeladenen Bilder beispielsweise zu breit oder zu hoch für den Slider, wird ein passender Ausschnitt ausgehend von der Bildmitte verwendet.
  • Galerie-Bild: Über den Galerie-Paragraph können Bilder in allen Inhaltstypen (Seite, News & Termin) eingefügt werden. Ist das hochgeladene Bild beispielsweise zu breit oder zu hoch für das Galerie-Bild, wird ein passender Ausschnitt ausgehend von der Bildmitte verwendet.
  • Galerie-Vorschaubild: Die im Galerie-Paragraphen ausgewählten Bilder werden immer in einem Raster angezeigt. Sind die hochgeladenen Bilder beispielsweise zu breit oder zu hoch für die Vorschaubilder, wird ein passender Ausschnitt ausgehend von der Bildmitte verwendet.
  • Logo: In den Designeinstellungen besteht die Möglichkeit, ein eigenes Logo zu definieren, welches auf jeder Seite im Kopfbereich anstelle eines Textlogos dargestellt wird. Es wird empfohlen, quadratische Logos oder Logos im Querformat zu verwenden. Wird ein Logo hochgeladen, wird auch automatisch ein Favicon für die Webseite erstellt.

Die nachfolgende Tabelle zeigt eine Übersicht der empfohlenen Bildergrößen und Seitenverhältnisse und ob ein automatischer Zuschnitt des Bildes bei dessen Verwendung erfolgt.

Empfohlene BildgrößeEmpfohlenes SeitenverhältnisAutomatischer Zuschnitt
Bild1375 Pixel Breitekeine Empfehlungnein
Bild und Text685 Pixel Breitekeine Empfehlungnein
Vorschaubild bei News-Listen950x500 Pixelca. 2:1ja
Bild für Kopfbereich (groß)1400x400 Pixelca. 7:2ja
Bild für Kopfbereich (mittel)1400x300 Pixelca. 14:3ja
Bild für Kopfbereich (klein)1400x200 Pixelca. 7:1ja
Slider für Kopfbereich1400x500 Pixelca. 14:5ja
Galerie Vorschaubild500x300 Pixelca. 5:3ja
Galerie1167x800 Pixelca. 3:2ja
Logo150x150 Pixel (max. 500x500 Pixel)Quadratisch oder Querformatnein