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
"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.
