Wie "finden"? Die werden doch alle in den Assets Ordner generiert oder nicht?
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 ...
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
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 :-)
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Ü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 ...
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Geändert von Kahmoon (21.08.2019 um 12:43 Uhr)
gelöscht
Joachim
*** Kein Backup, kein Mitleid ***
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Irgendwas am Cache löschen hing. Nachdem ich den Contao Manager neu geladen und Cache erneut gelöscht habe.
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Aus der https://contao.org/de/news/contao_4-8-0.html
Frage: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?
Geändert von Franko (21.08.2019 um 13:28 Uhr)
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
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 ...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.
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Evtl. auch hilfreich zum Thema:
https://blog.kulturbanause.de/2014/0...izes-adaptive/
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
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!
ToM
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Das ist übrigens einer meiner Lieblingsposts dazu: https://ericportis.com/posts/2014/srcset-sizes/
Contao Core-Entwickler @terminal42 gmbh
Wir sind Contao Premium-Partner!
Für Individuallösungen kannst du uns gerne kontaktieren.
PS: Heute schon getrakked?
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
Geändert von Franko (23.08.2019 um 12:41 Uhr)
Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...
Selbstverständlich.
Code:my_size: width: 640 height: 480 formats: jpg: ['webp', 'jpg'] jpeg: ['webp', 'jpeg'] png: ['webp', 'png']
Contao Core-Entwickler @terminal42 gmbh
Wir sind Contao Premium-Partner!
Für Individuallösungen kannst du uns gerne kontaktieren.
PS: Heute schon getrakked?
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
Geändert von Nightwing (18.02.2020 um 19:41 Uhr)
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?
Geändert von Nightwing (19.02.2020 um 11:18 Uhr)
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...
Ich hab all-inkl PrivatePlus
Oder hast mir da einen Würgaround per Datei?
ToM
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)