Bilder und Grafiken

Um die Aussagekraft Ihrer Seiten zu verstärken und dem Besucher ansprechende Inhalte zu präsentieren können und sollen Sie Bilder verwenden.

Grundlegend können Sie Bilder und Grafiken in den folgenden Inhaltselementen verwenden:

  • Text & Bild
  • Nur Bilder
  • Teaserbox
  • Slideshow-Element

Darüberhinaus können Bilder auch in Nachrichten und Kalendereinträgen verwendet werden.

Bilddateien erstellen

Bildgröße und -formate

Spaltenbreiten bei Desktop-Geräten

"Je größer, desto besser" ist das Motto bei Bildern und Grafiken auf modernen Interetseiten - schließlich wollen Sie dem Besucher der Seite auch etwas bieten.

Verwenden Sie deshalb so große Bilddateien, wie möglich. Sollte eine kleinere Darstellung auf der Internetseite notwendig sein, führt TYPO3 diese Bildberechnung automatisch durch. In der Regel werden Bilddateien, um Bandbreite zu sparen, nur so groß wie nötig und so klein wie möglich ausgeliefert.

Das begrenzende Maß für Bilder ist die maximale Breite der Darstellung. Diese hängt von der Größe und Bildschirmauflösung des Ausgabegerätes ab. Die Internetseiten unterscheiden hier nach den folgenden Maßen:

  • Desktop: 1200 Pixel
  • Tablet: 1024 Pixel
  • Mobile: 768 Pixel

Die Bildgröße ist auch abhängig davon, ob ein Bild über die gesamte Breite der Internetseite oder nur einem Teilbereich des Gestaltungsrasters platziert werden soll.

Für die Desktop-Auflösung ergeben sich auf Seiten mit einem Untermenü folgende Breiten:

  • 1-spaltig: 870 Pixel
  • 2-spaltig: 420 Pixel
  • 3-spaltig: 270 Pixel
  • 4-spaltig: 195 Pixel
  • 5-spaltig: 150 Pixel

Formatfüllende Bilder und Grafiken müssen mindestens eine Breite von 1200 Pixeln haben. Die Bildhöhe ergibt sich entsprechend proportional.

Farbraum

Internetseiten werden auf Bildschirmen dargestellt. Die Bilddateien müssen dementsprechend im RGB-Farbraum vorliegen, da es sonst zu drastischen Farbverschiebungen kommen kann.

Wenn Sie Druckdaten als eine Quelle für Bilder verwenden (Bsp.: Cover einer Publikation), beachten Sie das Bild aus dem CMYK- in den RGB-Farbraum zu konvertieren.

Datei hochladen

Alle Dateien (auch Bilder und Grafiken) müssen auf den Webserver hochgeladen werden, bevor sie in den verschiedenen Inhaltselementen verwendet werden können.

Innerhalb Ihrer Datei- und Ordnerstruktur sollten Sie entsprechende Unterordner verwenden, um eine gewisse Übersichtlichkeit zu gewährleisten.

Weitere Informationen zur Dateiverwaltung finden Sie auf der Seite Grundlagen: Dateiverwaltung.

Bildbearbeitung

Wenn Sie nur einen gewissen Ausschnitt eines Bildes verwenden möchten, können Sie den TYPO3-internen Editor zur Bildbearbeiten (Beschneidung /Crop) verwenden.

Der Editor ist für jede Verwendung des Bilddatensatzes individuell zu verwenden.

Bilddatensatz in einem Inhaltselement. Der Knopf zum Bildeditor ist rot markiert.
Geöffneter Bildeditor