Joomla.it Forum

Joomla! 4 => Joomla! 4.x => : sgiobbio 28 Feb 2022, 15:21:55

: nuovo standard delle favicon?
: sgiobbio 28 Feb 2022, 15:21:55

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

: Re:nuovo standard delle favicon?
: giusebos 01 Mar 2022, 10:16:46

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

:

<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.

:

<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">


:

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


: Re:nuovo standard delle favicon?
: sgiobbio 01 Mar 2022, 12:51:06

Grazie Giusebos: risposta estremamente esaustiva e dettagliata!