Copia i cinque file immagine nella cartella pubblica principale del tuo sito e aggiungi questi tag all’interno di head. Se usi un’altra cartella, aggiorna i percorsi.
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" href="/favicon-96.png" type="image/png" sizes="96x96"> <link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any"> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
favicon.ico contiene le dimensioni 16, 32 e 48 px. favicon-96.png è un’alternativa in formato PNG. apple-touch-icon.png misura 180 px e ha uno sfondo opaco. icon-1024.png misura 1024 px e usa gli stessi margini interni e lo stesso sfondo opaco dell’icona dell’app. L’avatar è solo un’anteprima e non aggiunge file. Questo non è un kit per app native né un kit PWA completo.