nuovo standard delle favicon?

[sgiobbio]

Con Joomla 4.1 la favicon è stata spostata nella cartella media/templates/site/cassiopeia/images/joomla-favicon.svg
Chiedo se, trattandosi di un file vettoriale, sia ancora necessario approntare favicon specifiche per alcuni devices, come per esempio:

apple-touch-icon.png
safari-pinned-tab.svg

[giusebos]

proprio così, usando una favicon svg si evita di creare tutta una serie di favicon specifiche per misura da far adottare secondo il dispositivo di navigazione.
Tutti i browser più moderni usano questa nuova favicon.

Importante è richiamarne il codice in maniera corretta

Codice: [Seleziona]

<link rel="icon" href="favicon.svg" type=”image/svg+xml>
Pare che ancora i dispositivi della mela non accettino questo standard, ma sembra che rinominando solo l'estensione del file in .png  e richiamandola con il giusto codice si risolva.

<link rel="apple-touch-icon" href="apple-touch-icon.png">


Sembra anche che l'icona sia colorabile con codice css e che dobbiamo usare un file manifest json.

Codice: [Seleziona]

<meta name="theme-color" content="#ffffff">
<link rel="icon" href="favicon.svg">
<link rel="mask-icon" href="mask-icon.svg" colore ="#000000">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="manifest" href="manifest.json">


Codice: [Seleziona]

{
    "name": "Starter",
    "short_name": "Starter",
    "icons": [{
        "src": "google-touch-icon.png",
        "sizes": "512x512"
    }],
    "background_color" : "#ffffff",
    "theme_color": "#ffffff",
    "display": "schermo intero"
}


[sgiobbio]

Grazie Giusebos: risposta estremamente esaustiva e dettagliata!