Het aanpassen favicon, een eigen favicon.ico plaatsen in joomla 4.

Vroeger plaatste je 1 eigen favicon.ico in de map templates/jouwTemplate/favicon.ico en in de root, nu zijn er weer tientallen standaards, verderop meer... favicon maken voor de vele standaards

Favicon.ico Dit moet nu in de map Media/system/images/favicon.ico (plaats hier jouw favicon1.ico) +1 Hierdoor hoef je na elke joomla update de favicon.ico niet steeds opnieuw te uploaden, wijzig dit ook in regel 24 verderop;

Omdat browsers die geschikt zijn voor gebruik van favicon.svg een andere ico gebruiken moet je dit blokkeren in de template, in de index.php aanpassen;

templates/cassiopeia/index.php regel 22-25   blokkeer regel 23 en 25 door //  , dus // en spatie en
wijzig in regel 24 de
favicon.ico naar favicon1.ico

// Browsers support SVG favicons  (regel 22)
// $this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
$this->addHeadLink(HTMLHelper::_('image', 'favicon1.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
// $this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon-pinned.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#000']);

Hierdoor wordt je eigen ico (na pagina verversen) wel zichtbaar onder favorieten en als tabblad icoon.

Dus eigen favicon1.ico in map Media/system/images/favicon1.ico (jouw favicon1.ico)
en bovenstaande aanpassing in templates/cassiopeia/index.php

Wil je dit ook in het tabblad adminitrator blokkeer dezelfde 2 regels in index.php admin;
administrator/templates/atum/index.php regel 41-43 (niet zo noodzakelijk om het hier te veranderen).

Ja hoop een betere oplossing te vinden want na elke update de index op meerdere plaatsen aanpassen en steeds favicon uploaden, dit laatste zou op te lossen zijn door andere naam favicon1.ico te gebruiken en in index naar favicon1.ico te verwijzen, dat scheelt upload iedere keer, TOEGEPAST Werkt!

Zodra joomla4 uitontwikkeld is kun je na een update natuurlijk aangepaste index.php uploaden, scheelt een hoop werk elke keer.

BUG in bladwijzerbalk firefox, de favicon lijkt op den duur niet meer ververst te worden, ook niet na legen van de buffer, in andere browsers wordt wel ververst, in tabblad wordt in firefox wel ververst.

De vele standaards
Het blijkt ook dat er meerdere standaards zijn aangaande favicon, voor Windows 10, MAC, browsers Opera, firefox, chrome en nog wat, waar is de standaard gebleven?!

Favicon maken voor alle standaards en codes genereren
Onder constructie
Je moet een vierkante afbeelding (minimaal 260x260) hebben om favicons voor de diversen platforms te genereren, dat genereren doe je op realfavicongenerator.net/ Klik daar op Select your favicon image

Wacht even af, sroll down en kijk vooral bij MACosSafari of de icon geladen/klaar is, kies daar ook het [x] Turn your picture into monochrome...
Klik daarna Generate your favicons and html code (LET OP! onderstaande code is voorbeeld!)

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Plaats de code in de <head> van templates/cassiopeia/index.php
Pak de zip uit en kopieer alles naar de root,
en upload favicon.ico ook naar media/sytem/images/favicon.ico en hernoem
favicon1.ico upload favicon1.ico ook naar media/sytem/images/favicon1.ico zie boven waarom.
Op realfavicongenerator.net/ kun je nu op test je favicon klikken..

Op de diverse platforms ziet het er voor mijn motor-onderhoud.com  site zo uit

favicons

En ja zo'n tablad ico is slechts 16x16 pixels, altijd lastig, hou daar rekening mee bij het kiezen van je favicon, daarom wordt er vaak gekozen voor eenvoudig symbooltje of letter.....
op deze site de letter h (van hostingby) in vorm van @

Ja heel gedoe.... under construction....