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.

Übersicht Videos

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

Einwilligung für das Abspielen von eingebetteten „Vimeo“-Videos

Zur Wiedergabe unserer Videos nutzen wir „Vimeo“ Bei der Wiedergabe werden personenbezogene Daten und Informationen aus Ihrem Endgerät zum Zwecke der Einbindung externer Streaming-Inhalte verarbeitet. „Vimeo“ verwendet sog. Cookies die auf Ihrem Endgerät gespeichert werden. Dabei werden auch Daten an Vimeo Inc. in den USA weitergegeben und dort verarbeitet. Infos über die Funktionsweise, Empfänger und Speicherdauer finden Sie unter den Privatsphäre-Einstellungen. Mit meiner Zustimmung zur Datenverarbeitung bei der Wiedergabe dieses Videos erteile ich mein Einverständnis für alle Video-Streaming-Inhalte des Anbieters auf dieser Website. Die Einwilligung ist freiwillig und kann jederzeit für die Zukunft unter den Privatsphäre-Einstellungen widerrufen werden.

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.
  • Demoumgebung installieren 4:45 Min.
Jetzt kaufen!

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!
Preise anzeigen!

Hier kannst du dir das komplette Einführungsvideo ansehen

Einwilligung für das Abspielen von eingebetteten „Vimeo“-Videos

Zur Wiedergabe unserer Videos nutzen wir „Vimeo“ Bei der Wiedergabe werden personenbezogene Daten und Informationen aus Ihrem Endgerät zum Zwecke der Einbindung externer Streaming-Inhalte verarbeitet. „Vimeo“ verwendet sog. Cookies die auf Ihrem Endgerät gespeichert werden. Dabei werden auch Daten an Vimeo Inc. in den USA weitergegeben und dort verarbeitet. Infos über die Funktionsweise, Empfänger und Speicherdauer finden Sie unter den Privatsphäre-Einstellungen. Mit meiner Zustimmung zur Datenverarbeitung bei der Wiedergabe dieses Videos erteile ich mein Einverständnis für alle Video-Streaming-Inhalte des Anbieters auf dieser Website. Die Einwilligung ist freiwillig und kann jederzeit für die Zukunft unter den Privatsphäre-Einstellungen widerrufen werden.

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?

Jetzt kaufen!