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

Mit Contao 3.4 wurde die leistungsstarke Funktion für responsive Images eingeführt, die es ermöglicht, dynamische Bilder zu erstellen, die perfekt für jedes Gerät und jede Displaygröße geeignet sind. Die Konfiguration im Backend kann jedoch selbst für erfahrene Contao-Nutzer eine Herausforderung sein.

Dieser Online-Kurs hilft dir, die verschiedenen Einstellungen und Optionen von Contao schnell zu verstehen und macht die Implementierung von responsiven Bildern verständlich.

Die einzelnen Videolektionen erklären dir alle Einstellungen und Möglichkeiten anhand unterschiedlicher Praxisbeispiele. Du lernst so den richtigen Einsatz von Art Direction, Skalierungsfaktor, Sizes und MediaQueries kennen.

Ziel: Du erwirbst in kurzer Zeit wertvolles Wissen über die Responsive-Image-Funktion von Contao. Damit kannst du eine verbesserte Ladezeit und die optimale Darstellung der Bilder auf unterschiedlichen Geräten sicherstellen!

Übersicht Videos

Welche Videos sind enthalten?

Icon Anzahl Videos
9 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

50€

inklusive MwSt.

Responsive Image Kurs

Einmalige Zahlung - kein Abo!

Nur Zugriff auf diesen einen Kurs

inkl. Downloads und Beispielprojekt

E-Mail-Support bei Fragen

14-Tage-Geld-zurück-Garantie

Jetzt kaufen
Mitgliedschaft

300€

inklusive MwSt.

Vollzugriff Academy

Jährliche Zahlung - jederzeit kündbar!

Vollzugriff Academy (über 860 Videos)

Inkl. Downloads und Beispielprojekt

E-Mail-Support bei Fragen

14-Tage-Geld-zurück-Garantie

Zugriff auf alle neuen Kurse

Zugriff auf Praxisvideos

Download der Videos möglich

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!