Bildformate: Unterschied zwischen den Versionen

Aus Contao Community Documentation

Zeile 20: Zeile 20:
 
=== Links | Oben bis Rechts | Unten ===
 
=== Links | Oben bis Rechts | Unten ===
  
Bei diesen 9 Formaten wird das Originalbild auf die daneben angegebene Breite und Höhe skaliert. Wenn Sie
+
Bei diesen 9 Formaten wird das Originalbild auf die daneben angegebene Breite und Höhe skaliert. Wenn Du beispielsweise dort die Werte 400 (Breite) und 200 (Höhe) einträgst, macht Contao folgendes:
 +
 
 +
Das Bild wird von 5472 x 3648 auf 400 x 200 so lange heruntergerechnet/skaliert, bis die Zielbreite '''oder''' die Zielhöhe erreicht ist. Das ist bei 400 x 267 der Fall. Im zweiten Schritt wird das Bild beschnitten, um es auf das Format 400 x 200 zu bringen. Es müssen also die 67 überzähligen Höhenpixel entfernt werden:
 +
 
 +
* Links | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
 +
* Mitte | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
 +
* Rechts | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
 +
* Links | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
 +
* Mitte | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
 +
* Rechts | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
 +
* Links | Unten = Breite unverändert | Oben werden 67 Pixel entfernt
 +
* Mitte | Unten = Breite unverändert | Oben werden 67 Pixel entfernt
 +
* Rechts | Unten = Breite unverändert | Oben werden 67 Pixel entfernt

Version vom 21. Januar 2016, 13:42 Uhr

MsgError.png Unvollständiger Artikel: dieser Artikel ist noch nicht sauber bearbeitet.

Bitte erweitere ihn und entferne erst anschliessend diesen Hinweis.

In Contao können Bilddateien auf verschiedene Art und Weise eingebunden werden. Ein sehr weites Feld an Möglichkeiten bietet die Option "Bildgröße", die seit Contao 3.3 zusätzlich noch responsive Bilder unterstützt, vordefinierte Größen ermöglicht und die Möglichkeit des Markierens eines wichtigen Bildausschnitts gibt. Hier die Backend-Ansicht mit einem Beispielbild (5472 x 3648) und offener Bildgrößenauswahl:

Bildformat vorgaben.jpg

Vordefinierte Größen

Relatives Format

Proportional

An Rahmen anpassen

Exaktes Format

Wichtiger Teil

Links | Oben bis Rechts | Unten

Bei diesen 9 Formaten wird das Originalbild auf die daneben angegebene Breite und Höhe skaliert. Wenn Du beispielsweise dort die Werte 400 (Breite) und 200 (Höhe) einträgst, macht Contao folgendes:

Das Bild wird von 5472 x 3648 auf 400 x 200 so lange heruntergerechnet/skaliert, bis die Zielbreite oder die Zielhöhe erreicht ist. Das ist bei 400 x 267 der Fall. Im zweiten Schritt wird das Bild beschnitten, um es auf das Format 400 x 200 zu bringen. Es müssen also die 67 überzähligen Höhenpixel entfernt werden:

  • Links | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
  • Mitte | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
  • Rechts | Oben = Breite unverändert | Unten werden 67 Pixel entfernt
  • Links | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
  • Mitte | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
  • Rechts | Mitte = Breite unverändert | Oben und unten werden je 33,5 Pixel entfernt
  • Links | Unten = Breite unverändert | Oben werden 67 Pixel entfernt
  • Mitte | Unten = Breite unverändert | Oben werden 67 Pixel entfernt
  • Rechts | Unten = Breite unverändert | Oben werden 67 Pixel entfernt
Ansichten
Meine Werkzeuge

Contao Community Documentation

Chuck Norris würde Contao 3 in einer Stunde ganz neu schreiben, wobei er die ersten 50 Minuten Sex mit 3 Blondinen hätte.

Leo Unglaub
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge