Responsive Images in Contao nutzen

Responsive Bilder schnell und einfach einbinden

Dieses Online-Training zeigt dir anhand unterschiedlicher Praxisbeispiele, wie du responsive Images und das Picture-Element erfolgreich in Contao verwendest.

Jetzt kaufen
Contao Academy

Das Tutorial für Contao Responsive Images

Nutze die Möglichkeiten responsiver Bilder in Contao

Responsive Images sind seit Contao 3.4 enthalten. Die Konfiguration ist allerdings etwas komplexer und kann sogar fortgeschrittene Contao-Nutzer leicht überfordern.

Damit du schnell zum Erfolg kommst, erklärt dir dieser Online-Kurs alle Einstellungen und Möglichkeiten anhand unterschiedlicher Praxisbeispiele. Du lernst so den richtigen Einsatz von Art Direction, Skalierungsfaktor, Sizes und MediaQueries kennen. 

Ziel: Erlange das nötige Wissen, um responsive Bilder optimal und performant in deinen eigenen Projekten zu verwenden.

Welche Videos sind enthalten?

Icon Anzahl Videos
8 HD-Videos
Icon Anzahl Module
1 Modul
Icon Dauer in Stunden
1 Stunde
Icon Stern
Level - Fortgeschritten
Beim Klick auf das Vorschaubild werden Daten von Vimeo geladen und dein IP übertragen. (Datenschutzhinweise)

Responsive Bilder und Contao

Responsive Images
  • Einführung: Responsive Images 13:05 Min.
  • Basiswissen: Bildgrößen definieren 8:15 Min.
  • Pixeldichte für hochauflösende Displays 8:34 Min.
  • Skalierungsfaktor Teil 1: Sizes-Attribut nutzen 9:53 Min.
  • Skalierungsfaktor Teil 2: Sizes-Wert kleiner 100vw 4:26 Min.
  • Skalierungsfaktor Teil 3: Sizes-Attribut und Media Queries 7:24 Min.
  • Art Direction nutzen 8:14 Min.
  • Tipps und Hilfe zur Fehlerbehebung 8:37 Min.

Dieser Kurs ist für dich geeignet, wenn du:

  • bereits über Contao-Basiswissen verfügst!
  • die Möglichkeiten von responsiven Images in Contao nutzen willst!
  • schnell zum Ziel kommen willst!
  • optimierte Bilder für die jeweiligen Endgeräte bereitstellen willst!
  • Zeit bei der Einarbeitung sparen willst!
  • hilfreiche Praxisbeispiele suchst!

Hier kannst du dir das komplette Einführungsvideo ansehen

Beim Klick auf das Vorschaubild werden Daten von Vimeo geladen und dein IP übertragen. (Datenschutzhinweise)

Wähle jetzt dein Paket

Einzelkauf

49

inklusive MwSt.

Nur diesen Kurs

Einmalige Zahlung - kein Abo!

Zugriff auf alle Videos in diesem Kurs

Lebenslanger Zugriff

Hilfe bei Fragen

14-Tage-Geld-zurück-Garantie

Jetzt kaufen
Premium-Mitglied

249

inklusive MwSt.

All-in-One

Jährliche Zahlung - jederzeit kündbar!

Zugriff auf alle Videos in diesem Kurs

Zugriff auf alle Kurse in der Academy (über 600 Videos)

Zugriff auf alle neuen Videos

Download aller Videos als mp4

Exklusive Deals und Rabatte

Premium-Support

14-Tage-Geld-zurück-Garantie

Jetzt kaufen
14 Tage Geld zurück Badge

14-Tage-Geld-zurück-Garantie

Teste den Videokurs in Ruhe und risikolos für 14 Tage. Wenn dir die Videos nicht helfen,
dann reicht eine kurze E-Mail und wir erstatten den vollen Betrag - ohne wenn und aber.

Worauf wartest du?