Medien: Fotos, Grafiken, Dokumente, Videos

Medien optimal aufbereiten oder zuschneiden

  • Wenn man sehr grosse Medien verwenden will (zB. 2MB) sollten zugunsten des Speicherplatzessie nicht in der Originalgrösse hochgeladen werden.
  • Wir empfehlen eine Breite von 2000px für alle Formate als ausreichend.
  • JPG nicht zu stark komprimieren: Qualität >= 90%, die Komprimierung für das Web im TYPO3 automatisch geschieht (WEBP)
  • Für Fotos das Format JP(E)G verwenden
  • Für Grafiken das Format PNG verwenden

Darstellung Media links

Die Position Media links ist immer ohne Einrückung

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Darstellung Media rechts

Die Position Media rechts ist immer mit Einrückung.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Darstellung Media unten

Die Position Media unten ist immer mit Einrückung mittig positioniert unterhalb des Textes.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Darstellung Media oben

Media oben ist immer mittig mit Einrückung über dem Text positioniert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Mehrere Medien in Spalten dargestellt

Mehrere Medien können in einem Element in Spalten nebeneinander positioniert werden. Es gibt bis zu 3 Spalten.
Diese Positionierung ist nur bei der Postition »Media unten» oder «Media oben» sinnvoll

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Medien Editor: Seitenverhätnisse

Folgende Seitenverhältnisse sind im Content auswählbar.

Hero Bild

Nur im Top Content kann man ein Hero Bild einfügen. Nur hier ist auch das Format Hero Bild auswählbar.

Youtube Film einbetten

Youtube Link einfügen und speichern. Film lässt sich wie ein Bild platzieren und einbetten.

Copyright für News und Hero Bilder (Title Attribut im IMG Tag)

Das Feld «Copyright» wird im Frontend bei News im Slider und allgemein im Hero Bild unten links in weiss angezeigt.Nur nicht für die Bilder, die in Plugins verwendet werden, sondern auch Startseite, Newsliste, andere Listen. 

Informationen wie Fotograf, Ort, Erstelldatum auch in der Bildunterschrift (Description) können eingefügt werden.

Die Angaben werden in der Dateiliste in dem Bildeigenschaften unter dem Reiter Metadaten eingegeben.