Verwendung: JPEG & PNG nach WEBP Konvertierung in Text-Elementen

Bernhard's Avatar

Bernhard

12 Nov, 2020 09:32 AM

Produkt: Open Sauce Contao
Contao-Version: 4.9.x
Browser und Browserversionen: Firefox 82.x

Hallo!
In Contao gibt es die Möglichkeit für Browser, die das Bildformat WEBP nicht unterstüzten, einen Fallback in Form einer 'Bildgrößen-Einstellung' zu definieren. Dies funktioniert auch wunderbar wenn die Funktion in einem 'Bild-Element' oder auch 'Slider' aktiviert wird.
Da ich Bilder auch in reinen Text-Elementen verwende, würde ich gerne erfahren, ob man mit einem spezielen html/css Eintrag diesen Fallback ebenfalls realisieren kann?

  1. Support Staff 1 Posted by RockSolid Theme... on 12 Nov, 2020 11:23 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Ja, sehen Sie sich dafür bitte den Quelltext eines generierten Bildes mit aktivierten WEBP-Format an. Den HTML-Code dieses <picture>-Elements können Sie dann selbst nutzen indem Sie die Bild-Pfade auf die jeweiligen Dateien zeigen lassen.

    Verkürztes Beispiel:

    <picture>
        <source srcset="files/ihr-bild.webp" type="image/webp">
        <img src="files/ihr-bild.jpg">
    </picture>
    
  2. 2 Posted by Bernhard Teppan on 12 Nov, 2020 04:47 PM

    Bernhard Teppan's Avatar

    Vielen Dank für die rasche Lösung - funktioniert!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac