Bildgrößen zentral verwalten

[ZOOTV]

Grüß euch!

Ich habe mich vor wenigen Tagen wieder einmal mit einer Website beschäftigt und bin auf die Funktion der Bildgrößen in den Theme Einstellungen gekommen.

Ich habe das rocksolidthemes.com responsive-images-picture-contao
und das community.contao.org Bildgrößen
gelesen
und wenn ich ehrlich bin, ich habe keinen Tau um was es hier genau geht.

Also richte ich mal die Fragen an euch

Wo gibt es eine Anleitung für "Dummys" mit bereits voreingestellten Werten deren Eigenschaften man dann sehen kann?

[Kahmoon]

Das erste war bereits die Dummy-Erklärung .

Am besten bei einer Testinstallation selbst mal ausprobieren. Das hat bei mir geholfen.

[ZOOTV]

Na das wirft kein gutes Licht auf mich wenn das schon die "Dummy" Erklärung ist.

Ich formuliere die Frage anders:
================================================

Ich arbeite an einer Seite dem Standard Contao Slider.
Das Ausgabebild des Sliders soll bei jedem Entgerät 100% Breit sein.

Dazu habe ich folgende Gerätedaten gefunden
Display eines Macs 4096x2304
Display eines iPhones quer: 480x208
Display iPhone normal: 320x356

Soweit ich das verstanden habe, muss ich

1. einen eindeutigen Namen vergeben.

2. eine Breite und eine Höhe angeben.
Auf was beziehen sich diese Angaben - auf die max Daten des verfügbaren Bildes oder die max Daten des Anzeigegerätes?

[Kahmoon]

Ich lege in der Regel meine Standardgröße für Desktop an und füge dann weitere Bildgrößen für die unterschiedlichen Geräte hinzu. Das macht man mittels Mediaqueries. z.B. Siehe Anhang

Alle Abfragen die es in Mediqueries gibt (Portrait, Landscape, max-width, min-width etc) kannst du dort eingeben.

[stefan-at-work]

Hilfreich und um Dir das ganze Thema etwas näher zu bringen schau Dir das Video von Peter Müller von der letzten Contao Konferenz an.

[ZOOTV]

Vielen Dank für den Link zum Video.

Ich hätte dazu 2 Fragen.

1.) Themes > CSS
Wie kann ich hier die Einstellungen der Bildgrößen nutzen?

2.) Im Video von Peter Müller werden nur Beispiele von kleineren Bildern (zb.300px) angeführt die dann vergrößert werden.
Was mache ich wenn mein Bild 2000x600 groß ist?
ist mein Skalierungsfaktor dann -2x ?

[Kahmoon]

Im CSS kannst du sie imho überhaupt nicht nutzen. Das gilt nur Bildelemente die Contao erzeugt, nicht z.B. Hintergrundgrafiken per CSS

[Y-Nell]

Hallo Jochen,

bei den meisten Projekten komme ich mit folgenden Angaben aus:

Bildgroessen.jpg

Entscheidend ist hier das Sizes-Attribut mit 100vw. Das sorgt dafür, dass die Bilder immer die gesamte Breite ausnutzen.

Gruß

Thomas

[Spooky]

2.) Im Video von Peter Müller werden nur Beispiele von kleineren Bildern (zb.300px) angeführt die dann vergrößert werden.
Was mache ich wenn mein Bild 2000x600 groß ist?
ist mein Skalierungsfaktor dann -2x ?

Mit den Bildgrößen-Einstellungen legst du ja Bildgrößen für die Frontend Ausgabe fest. Das Original Bild muss (sollte) natürlich größer als alle Ausgabegrößen sein - ansonsten bringt es ja nichts.