TheaterEncyclopedie:Favicon

Het favicon is een (kleine) weergave van het TE-logo in (onder andere) de browser-tab (en als gevolg daarvan ook sociale media).

Ten gevolge van de nieuwe huisstijl (2021) en de toegenomen populariteit van de zogeheten "dark mode" worden nieuwe favicons geïmplementeerd; op deze pagina staat een samenvatting van de technisch aspecten en de gemaakte keuzes.

Inleiding

Het gebruik van zowel donkere als lichte achtergronden in browsers heeft tot gevolg dat niet alle favicons in beide situaties goed uitkomen. Met het toenemend gebruik van de "dark mode" (in de orde van grootte van 50%) is het relevant hier een oplossing voor te zoeken.

Het gebruik van SVG-afbeeldingen voor favicons kan diverse voordelen bieden (schaalbaar, dus een enkele file voldoet, en tevens: via CSS automatisch aanpasbaar aan de beide typen achtergronden!). Het nadeel van het gebruik van SVG voor favicon is dat het nog niet door alle browsers wordt ondersteund. Ook is dit gebruik voor MediaWiki nog niet gedocumenteerd (2021).

Oplossingen

Een favicon maken dat zowel op donkere als lichte achtergrond goed uitkomt; een veelgelezen oplossing is het gebruik van transparantie (png) en een ronde witte/lichte achtergrond (het ontwerp van het logo/icon aanpassen heeft niet de voorkeur voor de TE)
Een SVG favicon maken en, dat zich automatisch aanpast. Implementatie testen op MediaWiki.

Ontwikkeling en Implementatie

Momenteel is begonnen met het implementeren van de conventionele favicons, maar op een manier zodat ze eenvoudig aan te passen zijn vanuit de UI (Uploaden als "normaal" bestand). Vergt aanpassing in LocalSettings.php voor:
- Het mogelijk maken van het uploaden van files met een .ico-extensie
- Het link naar een favicon-file in de upload-directory van de TE (i.p.v. de server-root).
Vervolgstappen nog te bepalen...

Gebruikte bestanden

Relevante documentatie

MediaWiki:

SVG:

Meedoen met TheaterEncyclopedie!