Bilder in Articles(Elementtyp: Text -> WYSIWYG) komprimieren?

[Amattix]

Hallo Community,

ich hätte eine Frage bezüglich der Komprimierung von Bildern. Und zwar möchte ich wissen, ob es möglich ist Bilder im WYSIWYG(Elementtyp: Text) des Contao-Backends hinzuzufügen und diese zu komprimieren? Ich kann beim Elementtyp Text ledeglich außerhalb des WYSIWYG Bilder hinzufügen (nur eines???), diese werden dann auch komprimiert und im /assets folder abgelegt. Im WYSIWYG kann man zwar Breite u. Höhe angeben, Bilder werden hier dann im /files Ordner abgelegt und eben nur skaliert.

Bei uns ist es so, dass unsere Bloggerin rießige Bilder upgeloadet hat und wir diese jetzt alle händisch komprimieren müssten bzw. sie das nun immer vor dem Upload machen muss (mega aufwändig).

Vielleicht hätte jemand eine Lösung parat?
Contao-Version: 3.5.15


Grüße und Danke!

[Samson1964]

Verwende den Insert-Tag image, z.B.:

{{image::*?width=200&height=150}} 

In der Doku steht dazu:
Dieses Tag wird mit der Vorschauansicht eines Bildes ersetzt (wobei * eine Datenbank ID, eine UUID oder ein Pfad aus dem Dateisystem sein kann)
width: Breite des Vorschaubildes,
height: Höhe des Vorschaubildes,
alt: Alternativer Text,
class: CSS-Klasse,
rel: rel-Attribut (z.B. "lightbox"),
mode: Modus ("proportional", "crop" oder "box").

Wenn es mehr als 1 Bild pro Inhaltselement Text werden soll, warum verwendet die Bloggerin dann nicht die Inhaltselemente Text (ohne Bild) + Galerie?

[Amattix]

Verwende den Insert-Tag image, z.B.:

{{image::*?width=200&height=150}} 

In der Doku steht dazu:
Dieses Tag wird mit der Vorschauansicht eines Bildes ersetzt (wobei * eine Datenbank ID, eine UUID oder ein Pfad aus dem Dateisystem sein kann)
width: Breite des Vorschaubildes,
height: Höhe des Vorschaubildes,
alt: Alternativer Text,
class: CSS-Klasse,
rel: rel-Attribut (z.B. "lightbox"),
mode: Modus ("proportional", "crop" oder "box").

Wenn es mehr als 1 Bild pro Inhaltselement Text werden soll, warum verwendet die Bloggerin dann nicht die Inhaltselemente Text (ohne Bild) + Galerie?

Hallo Frank,

danke für die Info, haben es jetzt mit den Vorschaubildern/Inserttags gelöst.
Die Galerie können wir in dem Fall leider nicht verwenden, da die Bilder alle an unterschiedlichen Stellen im Fließtext erscheinen sollen und wir den Blog(TL_NEWS) so umgebaut haben, dass er nicht mehr von TL_ARTICLES abhängig ist. Die Bloginhalte sind bei uns alle in der TL_NEWS abgelegt.

Grüße

[Samson1964]

Hallo Frank,

danke für die Info, haben es jetzt mit den Vorschaubildern/Inserttags gelöst.
Die Galerie können wir in dem Fall leider nicht verwenden, da die Bilder alle an unterschiedlichen Stellen im Fließtext erscheinen sollen und wir den Blog(TL_NEWS) so umgebaut haben, dass er nicht mehr von TL_ARTICLES abhängig ist. Die Bloginhalte sind bei uns alle in der TL_NEWS abgelegt.

Grüße

Bei mir sind auch die Bilder manchmal an unterschiedlichen Texten des Fließtextes. Ich habe dann z.B.:

• Text-Element mit Bild rechts ausgerichtet
• Text-Element mit Bild links ausgerichtet
• Galerie-Element mit 2 Bildern in einer Zeile
• Text-Element mit Bild oben ausgerichtet usw.

Der Text ist dabei natürlich immer so umfangreich, das die Bilder nicht "verloren" aussehen. Wenn ihr natürlich viel Bild und wenig Text habt, dann würde ja ein Galerie-Element mit entsprechenden Bildunterschriften auch schon reichen. Der einzige Fall, wo ich bisher die Bilder direkt im Editor eingefügt habe, sind kleine Icons. Für große Bilder macht das überhaupt keinen Sinn.

Beim Einfügen von Bildern direkt im TinyMCE-Editor übrigens auf keinen Fall die Zwischenablage benutzen, wenn dort gemischte Inhalte (Bilder + Texte) drin sind! Im TinyMCE werden die Bilddaten in einen BASE64-String umgewandelt und würden dadurch die Kapazität des Feldes überschreiten. Ich hatte so einen Fall schon mal vor Monaten, wo ein Redakteur einfach die Zwischenablage in den TinyMCE kopiert hat und danach funktionierte gar nichts mehr.

[Ainschy]

Alternativer Inserttag:

{{picture::PFAD_ZUR_DATEI?size=X}}

X steht für die ID der Definition der Bildgrößen;
PFAD ergibt sich aus der Dateiverwaltung.

Nachzulesen unter https://docs.contao.org/books/manual...#verschiedenes