Icon-Flut
Sie habe es in Ihrem Browser sicher schon einmal gesehen: Das kleine Bildchen links oben in der Adresszeile. Das sind Favicons. Das Wort Favicon ist ein Kunstwort und setzt sich aus den beiden Wörtern Favorite und Icon zusammen.
Favicons kommen aber nicht nur in der Browserleiste vor. Nehmen Sie eine Website in Ihre Favoriten auf, wird dort auch das Favicon verwendet. Legen Sie sich ein Lesezeichen auf eine Website an: auch hier wird das Favicon verwendet.
Moderne Betriebssysteme und Geräte bieten aber noch viele weitere Möglichkeiten, eine Website zu verknüpfen. Bei Smartphones und Tablets gibt es die Möglichkeit, eine Website auf dem Startbildschirm zu verknüpfen.
Unter Windows wiederum haben Sie die Möglichkeit, Verknüpfungen auf dem Desktop zu erstellen, eine Website in der Startleiste auf dem Desktop anzupinnen oder die Website über eine Kachel zu verknüpfen.
Für alle diese Anwendungsfälle und unterschiedlichen Geräte werden unterschiedliche Grafiken benötigt. So gibt es z.B. Unterschiede zwischen den verschiedenen iPhones - je nach Modellversion - oder iPads. Auf diese Art und Weise kommen sehr viele mögliche Grafiken zusammen, die es zu unterstützen gilt. Diese müssen dann auch noch richtig benannt und in der korrekten Reihenfolge eingebunden werden. Jedes Mal alle Optionen zu berücksichtigen ist also Arbeit.
Das leistet die Erweiterung

Damit Sie jetzt nicht selbst Hand an Photoshop legen müssen und sich auch nicht auf Recherchetour ins Netz begeben müssen, haben wir eine Erweiterung für Contao entwickelt: trilobit_tiles.
trilobit_tiles kann unter Contao automatisch aus einem einzigen auszuwählenden Bild Favicons, Kacheln und Touch Icons für verschiedene Geräte erzeugen und in den Quellcode einbinden.
Die Eingabemaske unterstützt Sie dabei bei der Konfiguration:
- Für welche Seite(n) sollen die Einstellungen gelten?
- Wo sollen die Grafiken abgelegt werden?
- Wählen Sie jetzt noch die gewünschte Grafik aus und bestimmen den Ausschnitt.
- Mit den Feldern für den Titel, der z.B. auf der Kachel oder den Touch-Icons angezeigt werden soll, sind die Angaben komplett.
Wer noch ergänzende Wünsche hat, z.B. eine Windows 8 live Kachel, kann ein verfügbares RSS-Feed hinterlegen.
Für iOS kann ergänzend festgelegt werden, ob es sich um eine WebApp handelt oder "nur" um eine Website. Ist die Option Vollbildmodus aktiviert, wird die Website ohne die Browserleiste gestartet.
Fazit
Das System erzeugt jetzt alle notwendigen Grafiken und bindet diese korrekt in den HTML-Quellcode ein.
Darüber hinaus bietet die Erweiterung auch die Contao-typische Möglichkeit, die Laufzeit zu bestimmen. So können z.B. besondere Favicons für Weihnachten etc erstellt werden.
Wo bekomme ich die Contao 4 Erweiterung her?
Die trilobit Contao-Erweiterung Tiles kann über zwei Wege installiert werden:
Contao Manager
Hier nach trilobit-gmbh/contao-tiles-bundle
suchen und installieren
Direkt über Composer
php composer.phar require trilobit-gmbh/contao-tiles-bundle
Danach noch die Datenbank aktualisieren.
Fehler
...können passieren. Wenn Ihnen etwas auffällt oder Sie weitere Wünsche und Feedback für uns haben - nur her damit!
Hilfe
Bei Fragen und Anregungen zu der Erweiterung stehen wir natürlich gerne zur Verfügung.
Wir engagieren uns gerne und unentgeldlich für die Contao-Community. Am liebsten ist es uns, wenn wir durch unser Beispiel andere dazu motivieren sich ebenfalls einzubringen. Sollte Ihnen das aber nicht möglich sein, dann freuen wir uns auch über eine kleine Spende für unsere Arbeit. Auch das motiviert uns weiter zu machen.