Arbeiten mit Bildern
Bild oberhalb des Textes - Anzahl an Spalten 1
Ist im Reiter Erscheinungsbild "oben" gewählt, so wird das Bild über die ganze Breite des Inhaltes platziert.
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.
Zwei Bilder oberhalb des Textes - Anzahl an Spalten: 2
Ist im Reiter Erscheinungsbild "oben" gewählt und es sind 2 Bilder platziert, so werden diese in einer Größe von 50% der Inhaltsbreite platziert.
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.
Drei Bilder oberhalb des Textes - Anzahl an Spalten: 3
Ist im Reiter Erscheinungsbild "oben" gewählt und es sind 3 Bilder platziert, so werden diese in einer Größe von 33% der Inhaltsbreite platziert.
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.
Bild im Text links
Ist im Reiter Erscheinungsbild "im Text links" gewählt, so wird das Bild in einer Größe von 33% der Inhaltsbreite links im Text platziert und vom Text umflossen.
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.
Bild im Text rechts
Im Text können Bilder auch rechts positioniert werden. Auch hier werden wieder 33% der Inhaltsbreite genutzt.
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.
Bilder neben dem Text
Bilder können auch links oder rechts neben dem Text positioniert werden - hier macht es Sinn, dann die Bilder in einer Spalte anzuordnen. Zusätzlich macht diese Wahl nur Sinn, wenn auch die Texte dementsprechend lang laufen.
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.
Problem: Unterschiedliche Bild-Proportionen
Wenn Sie Bilder aus verschiedenen Quellen erhalten, diese auf der Website aber nebeneinander einsetzen müssen, kann es passieren, dass Sie mal hochformatige, querformatige und auch quadratische Bilder miteinander kombinieren müssen. Dies sieht im Normalfall dann so aus – nicht schön:
Lösung: Der Bild-Editor!
Die Lösung: geben Sie allen Vorschaubildern mit ein paar Klicks das selbe Format. Nutzen Sie dazu den Bild-Editor, den Sie im Reiter "Bilder" unterhalb der Bild-Metadaten finden.
Klicken Sie auf "Editor öffnen", wählen Sie für die Proportion 3:2, ziehen Sie das Auswahlfenster über die ganze Bildbreite oder wählen Sie sich einen kleineren "spannenden" Ausschnitt aus und klicken Sie abschließend auf "Akzeptieren".
Wiederholen Sie diese Schritte auch für die anderen Bilder in diesem Element. Danach speichern Sie die Seite und das Ergebnis sieht so aus - sauber und einheitlich:
Übrigens: beschnitten werden hier nur die kleinen Voransichten - wenn Sie auf das Bild draufklicken, bekommen Sie wieder das gesamte Originalbild angezeigt.