Wie "finden"? Die werden doch alle in den Assets Ordner generiert oder nicht?
Druckbare Version
Wie "finden"? Die werden doch alle in den Assets Ordner generiert oder nicht?
In den .yml evtl. immer auf die korrekte Einrückung achten ( spaces) -
Weiterhin beinhaltet Dein Beispiel noch immer die Anweisung "cssClass: 'foobar-image'" innerhalb der "items" sektion - bitte entfernen
(Sollte eigentlich beim Cache Clear auch so bemängelt/ausgezeichnet werden ...
Das finde ich leider nix. Hab jetzt alle Posts noch mal durchgeschaut.
Äh - like Kahmoon said - in https://community.contao.org/de/show...l=1#post509430
Oder habe ich die Frage nicht verstanden - kommt vor :-)
Überlegung/Feature/Laut gedacht:
Wäre doch schön/hilfreich wenn man unter Themes/Bildgrößen einmalig seine Einstellungen zusammen "klickt" und eine Art Export/CopytoClipboard Möglichkeit hätte,
die die entsprechenden Angaben für die config.yml zur bequemen Distribution beinhaltet ...
gelöscht
Irgendwas am Cache löschen hing. Nachdem ich den Contao Manager neu geladen und Cache erneut gelöscht habe.
Aus der https://contao.org/de/news/contao_4-8-0.html
Frage:Zitat:
In Symfony 4 liegen die Konfigurationsdateien im Ordner /config und nicht mehr in /app/config. Auch wenn die bisherigen Pfade in Contao 4.8 weiterhin unterstützt werden, ist die Verwendung des /app-Ordners veraltet und wird nicht mehr empfohlen.
Eigene Symfony-Konfigurationsdateien (z.B. config.yml oder services.yml) gehören in den Ordner /config und sollen nicht mehr in /app/config abgelegt werden.
Angepasste Contao-Dateien (z.B. DCA-Dateien, Übersetzungen oder Templates) gehören in den Ordner /contao und sollen nicht mehr in den Ordnern /app/Resources/contao oder /src/Resources/contao abgelegt werden.
Warum die Unterscheidung zwischen "config" u. "contao" Verzeichnissen für die Konfigurations Dateien?
Applikations Konfiguration und Contao Konfiguration sind halt unterschiedliche Dinge die nicht miteinander vermischt werden sollten - oder gar können.
Also grundsätzlich wird dies ja gemäß https://rocksolidthemes.com/de/conta...picture-contao umgesetzt.
In den Chrome Dev-Tools z.B. müßtest Du dies genau nachvollziehen können ( da wird Dir auch abhängig von der ViewPort Breite dann das aktuell genutzte image entsprechend ausgegeben ).
Das war ja schon immer so.
Und wie Kahmoon bemerkte:
Kannst Du Dir ebenfalls über die Browser Dev-Tools einsehen/nachvollziehen ...Zitat:
Außerdem legt Contao auf Wunsch optimierte WEBP-Versionen der Bilder an und erstellt daraus automatisch in ein picture-Element. Moderne Browser laden dann nur das optimierte Bild.
Evtl. auch hilfreich zum Thema:
https://blog.kulturbanause.de/2014/0...izes-adaptive/
Vielen Dank, Franco!
Jetzt macht mir das Sinn, insbesondere auch die (interne) Konvertierung. Das, was ich unter Bildgrössen anlege, ist mir jetzt durch Deinen letzten Link nun auch klar, super!
Was jetzt Contao aus dem Originalbild wie zusammenkonvertiert und wurschtelt, kann mir egal sein, da es sich selbst das Beste raussucht.
Guter Mann! :cool:
ToM
Das ist übrigens einer meiner Lieblingsposts dazu: https://ericportis.com/posts/2014/srcset-sizes/
Muß nochmals zu den "Vordefinierte Bildgrößen" fragen.
Kann man da ( config.yml ) auch die neue WebP Konvertierung anstoßen/hinterlegen.
Geht bei mir zunächst nur über die BE Einstellungen ...
Danke
Selbstverständlich.
Code:my_size:
width: 640
height: 480
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
WIe kann ich nun die vordefinierte Größe in meinem DCA wählen?
// vordefinierte Bildgröße vorbelegen
$GLOBALS['TL_DCA']['tl_content']['fields']['size']['default'] = array(0=>'300',1=>'200',2=>'proportional');
// Bildabstände und Einheit em vorbelegen
$GLOBALS['TL_DCA']['tl_content']['fields']['imagemargin']['default'] = ['top'=>0, 'right'=>0, 'bottom'=>2, 'left'=>2, 'unit' => 'em'];
// Bildposition vorbelegen
$GLOBALS['TL_DCA']['tl_content']['fields']['floating']['default'] = 'right';
// Großansicht / Neues Fenster
$GLOBALS['TL_DCA']['tl_content']['fields']['fullsize']['default'] = true;
ToM
Mit dem Name der vordefinierte Bildgröße an der Dritten Array Position, aber mit "_" vorangestellt.
Danke, Spooky!
Iich hoffe ich verstehe es so richtig?
array(3=>'_myprofile-1')
ToM
PHP-Code:
$GLOBALS['TL_DCA']['tl_content']['fields']['size']['default'] = [null, null, '_my_image_size'];
Nochmals danke, Spooky, DCA und vordefinierte Bildgrössen zusammen funktioniert 1a:
config.yaml:
tl_content.php:Code:# Default configuration for extension with alias: "contao"
contao:
# URL Suffix
url_suffix: "/"
# Sprachkürzel in URL
prepend_locale: false
# Enables pretty error screens, for which custom templates can be created.
pretty_error_screens: false
# The error reporting level set when the framework is initialized. Defaults to E_ALL & ~E_NOTICE & ~E_DEPRECATED & ~E_USER_DEPRECATED.
error_level: 8183
image:
# Contao automatically detects the best Imagine service out of Gmagick, Imagick and Gd (in this order). To use a specific service, set its service ID here.
imagine_service: null
imagine_options:
jpeg_quality: 85
# Allows to reject images uploaded via Contao's file manager, if they exceed the dimensions of localconfig.gdMaxImgWidth and localconfig.gdMaxImgHeight.
reject_large_uploads: false
# This allows to define image sizes directly in the configuration in addition to the Contao back end (tl_image_size table).
sizes:
big_box:
width: 300
height: 200
resizeMode: 'box' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 150
height: 100
resizeMode: 'box' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '100vw'
media: '(max-width: 900px)'
-
width: 50
height: 50
resizeMode: 'box' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 500px)'
middle_crop:
width: 200
height: 200
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 100
height: 100
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 900px)'
-
width: 50
height: 50
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 500px)'
small_crop:
width: 200
height: 100
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
sizes: '100vw'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 50
height: 50
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 900px)'
-
width: 25
height: 25
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '25vw'
media: '(max-width: 500px)'
security:
two_factor:
enforce_backend: false
# Allows to set TL_CONFIG variables. Note that any property set here will override the localconfig.php file, so changing these in the Contao back end will not have any effect.
localconfig: ~
Nur eine kleine Frage dazu: ist das Feature lazy-loading denn nicht per config.yaml aktiv?PHP-Code:
<?php
// vordefinierte Bildgröße vorbelegen
// $GLOBALS['TL_DCA']['tl_content']['fields']['size']['default'] = array(0=>'300',1=>'200',2=>'proportional');
$GLOBALS['TL_DCA']['tl_content']['fields']['size']['default'] = [null, null, '_big_box'];
// Bildabstände und Einheit em vorbelegen
$GLOBALS['TL_DCA']['tl_content']['fields']['imagemargin']['default'] = ['top'=>0, 'right'=>0, 'bottom'=>2, 'left'=>2, 'unit' => 'em'];
// Bildposition vorbelegen
$GLOBALS['TL_DCA']['tl_content']['fields']['floating']['default'] = 'right';
// Großansicht / Neues Fenster
$GLOBALS['TL_DCA']['tl_content']['fields']['fullsize']['default'] = true;
ToM
Welches lazy-loading meinst du?
Das, welches ich als wählbares Profil unter Themes › Nightwing › Bildgrößen anlegen kann.
Ich dachte, die vordefinierte Größe in der YAML macht genau das, nur ohne es dort einzutragen?
ToM
Ah, jetzt weiß ich was du meinst. Ja das geht mitCode:contao.image.sizes.*.lazy_loading: true
Danke!
Sehe ich das richtig, das die Wildcard (*) dann für alle Profile gilt?
ToMCode:# This allows to define image sizes directly in the configuration in addition to the Contao back end (tl_image_size table).
sizes:
lightbox_crop:
width: 1280
height: 1024
lazy_loading: true
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 1024
height: 768
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '100vw'
media: '(max-width: 900px)'
-
width: 512
height: 384
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 500px)'
big_crop:
width: 300
height: 200
lazy_loading: true
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 150
height: 100
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '100vw'
media: '(max-width: 900px)'
-
width: 50
height: 50
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 500px)'
middle_crop:
width: 200
height: 200
lazy_loading: true
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 100
height: 100
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '100vw'
media: '(max-width: 900px)'
-
width: 50
height: 50
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 500px)'
small_crop:
width: 200
height: 100
lazy_loading: true
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '1x, 2x'
sizes: '100vw'
formats:
jpg: ['webp', 'jpg']
jpeg: ['webp', 'jpeg']
png: ['webp', 'png']
items:
-
width: 50
height: 50
resizeMode: 'crop' # One of "crop"; "box"; "proportional"
zoom: 50
densities: '0.5x, 2x'
sizes: '50vw'
media: '(max-width: 900px)'
PS: Ich nehme mal, das wird in den Docs alles mal aktualisiert, je nach Zeit von Euch?
Das kannst du nicht 1:1 so verwenden, das ist nur stellvertretend für die jeweilige Bildgröße.
https://docs.contao.org/dev/reference/config/;)Code:vendor/bin/contao-console config:dump-reference contao
Danke, habs mal im obigen Beispiel aktualisiert. Passts denn?
Scherzkeks, ohne SSH Zugang... :cool::D
Ich hab all-inkl PrivatePlus
Oder hast mir da einen Würgaround per Datei?
ToM