Bilder mit Webp-Konvertierung in RSCE nach Update

[Fonjensi]

Hallo Community,

ich habe ein altes Contao von Version 3.2 auf Version 4.9 hochgezogen.
Mir ist aufgefallen, dass es hier bei der Webp-Konvertierung noch ein Problem gibt, aber nur bei Rock-Solid-Custom-Elements Bildern.

Der ursprüngliche Code ist:

<?php if ($box->image && ($objFile = \FilesModel::findById($box->image)) !== null): ?>
  <figure class="teaser-boxes-item-image" >
  <?php $this->insert('picture_default', \Picture::create($objFile->path, $this->size)->getTemplateData()); ?>
</figure>

Das Problem hierbei scheint die Verwendung der \Picture::create - Funktion zu sein, da diese deprecated ist.
Ich habe das ganze nun also mit folgendem Ansatz versucht:

<?php if ($box->image && ($objFile = \FilesModel::findById($box->image)) !== null): ?>
  <figure class="teaser-boxes-item-image" >
  <?php $this->insert('picture_default', \Contao\System::getContainer()->get('contao.image.image_factory')->create($objFile->path, $this->size)); ?>
</figure>
<?php endif; ?>

Dabei erhalte ich dann den Fehler, dass der Pfad zum Bild absolut sein muss:

[2021-06-01 10:25:52] request.CRITICAL: Uncaught PHP Exception InvalidArgumentException: "Image path "files/images/upload/og_img/PPP2021_web.jpg" must be absolute" at /pathToSystem/contao49/vendor/contao/core-bundle/src/Image/ImageFactory.php line 135 {"exception":"[object] (InvalidArgumentException(code: 0): Image path "files/images/upload/og_img/PPP2021_web.jpg" must be absolute at /pathToSystem/contao49/vendor/contao/core-bundle/src/Image/ImageFactory.php:135)"} []

Meine Fragen sind:
- Ist das so überhaupt der richtige Weg?
- Falls ja: Wie erhalte ich am besten den absoluten Pfad?
- Falls nein: Wie würde ich es besser machen?

Vielen Dank bereits für eure Unterstützung.

[Spooky]

- Ist das so überhaupt der richtige Weg?

Nein, nimm die Funktion $this->getImageObject, die in RSCE Templates zur Verfügung steht.

<?php if ($image = $this->getImageObject($this->singleSRC, [0, 0, '_example'])): ?>
  <?php $this->insert('image', (array) $image) ?>
<?php endif; ?>

[Fonjensi]

Nein, nimm die Funktion $this->getImageObject, die in RSCE Templates zur Verfügung steht.

<?php if ($image = $this->getImageObject($this->singleSRC, [0, 0, '_example'])): ?>
  <?php $this->insert('image', (array) $image) ?>
<?php endif; ?>

Okay, danke schon mal dafür.

Ich habe mal eben gegooglet und findet leider nur unterschiedliche Angaben zu den übergebenen Parametern.

Was ist in dem Fall [0, 0, _example]?

[Spooky]

Das ist das Image Size Array. In meinem Beispiel würde die vorkonfigurierte Bildgröße namens example benutzt werden.

[Fonjensi]

Ich habe im Backend eine Auswahl für die Bildgröße, welche angewählt werden kann.
Wie kann ich diese dann hier verwenden?

Wäre über $this->size abrufbar und liefert die ID.

[Spooky]

Zeige mal den Code deiner RSCE Config Datei.

// edit: aber ausgehend von deinem ursprünglichen Code würde ich folgendes sagen:

<?php if ($image = $this->getImageObject($box->image, $this->size)): ?>
  <?php $this->insert('image', (array) $image) ?>
<?php endif; ?>

[Fonjensi]

Zeige mal den Code deiner RSCE Config Datei.

// edit: aber ausgehend von deinem ursprünglichen Code würde ich folgendes sagen:

 <?php if ($image = $this->getImageObject($box->image, $this->size)): ?>
  <?php $this->insert('image', (array) $image) ?>
<?php endif; ?>

return array(
    'label' => array(
        'Boxen',
        'Erzeugt nebeneinander dargestellte Boxen mit Bild und Text',
    ),
    'types' => array('content'),
    'standardFields' => array('cssID', 'headline'),
    'fields' => array(
        'size' => array(
            'label' => array('Bildbreite und Bildhöhe', ''),
            'inputType' => 'imageSize',
            #'options' => $GLOBALS['TL_CROP'],
            'options' => \System::getImageSizes(),
            'reference' => &$GLOBALS['TL_LANG']['MSC'],
            'eval' => array('rgxp' => 'digit'),
        ),
        'linkespalte' => array(
            'label' => array('Linke Spalte', ''),
            'elementLabel' => 'Element %s',
            'inputType' => 'list',
            'fields' => array(
                'image' => array(
                    'label' => array('Bild', ''),
                    'inputType' => 'fileTree',
                    'eval' => array(
                        'fieldType' => 'radio',
                        'filesOnly' => true,
                        'extensions' => 'jpg,jpeg,png,gif,svg',
                    ),
                ), 

[Spooky]

Statt

        'size' => array(
            'label' => array('Bildbreite und Bildhöhe', ''),
            'inputType' => 'imageSize',
            #'options' => $GLOBALS['TL_CROP'],
            'options' => \System::getImageSizes(),
            'reference' => &$GLOBALS['TL_LANG']['MSC'],
            'eval' => array('rgxp' => 'digit'),
        ), 

solltest du einfach

        'size' => [
            'inputType' => 'standardField',
        ], 

schreiben

[Fonjensi]

Statt

        'size' => array(
            'label' => array('Bildbreite und Bildhöhe', ''),
            'inputType' => 'imageSize',
            #'options' => $GLOBALS['TL_CROP'],
            'options' => \System::getImageSizes(),
            'reference' => &$GLOBALS['TL_LANG']['MSC'],
            'eval' => array('rgxp' => 'digit'),
        ), 

solltest du einfach

        'size' => [
            'inputType' => 'standardField',
        ], 

schreiben

Okay, habe es nun mit deiner Hilfe hinbekommen -> Danke, wie immer

Aber wieso sollte ich einfach standardField schreiben? Das verstehe ich nicht ganz.

[Spooky]

Mit standardField wird einfach die bereits existierende Definition aus (in diesem Fall) tl_content für das jeweilige Feld genommen. Du musst das nicht nochmals selbst definieren - und deine aktuelle Definition würde außerdem auch gar nicht alle Möglichkeiten abdecken.