Domanda Perché la mia favicon non viene visualizzata?


Quanto segue è usato per impostare la favicon nel mio codice html:

<link rel="icon" type="img/ico" href="img/favicon.ico">

Tuttavia, l'icona non mostra. Perché?

Nota:

Ho confermato che il file è su disco nel percorso corretto.


42
2018-03-16 08:15


origine


risposte:


  1. È davvero un? .icoo è appena chiamato ".ico"?
  2. In che browser stai provando?

Il modo più semplice per avere una favicon è posizionare un'icona chiamata "favicon.ico" nella cartella radice. Funziona ovunque, nessun codice necessario.

Se devi averlo in una sottodirectory, usa:

<link rel="shortcut icon" href="/img/favicon.ico" />

Notare la / prima img per assicurarsi che sia ancorato alla cartella radice.


61
2018-03-16 08:33



Prova questo:

<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />

10
2018-03-16 08:19



Le favicon funzionano solo quando sono servite da un server web che imposta correttamente i mime-types per i contenuti serviti. Il caricamento da un file locale potrebbe non funzionare in cromo. Il caricamento da un server Web configurato in modo errato non funzionerà.

I server Web come lighthttpd devono essere configurato manualmente per impostare correttamente il tipo mime.

A causa della probabilità che l'incarico mimetype non funzioni in tutti gli ambienti, ti suggerirei di usare un inline codificato Base64 file ico invece. Questo verrà caricato più velocemente, in quanto riduce il numero di richieste HTTP inviate al server.

Sui sistemi basati su POSIX è possibile codificare in base64 un file con base64 comando.

Per creare una linea ico con codifica Base64, utilizzare il comando:

$ base64 favicon.ico --wrap 0

E inserisci l'output nella riga:

<link href="data:image/x-icon;base64,HERE" rel="icon" type="image/x-icon" />

Sostituire la parola HERE così:

<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA////AERpOgA5cCcA7vDtAF6jSABllFcAuuCvAK2trQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjMzMzMzNxARYzMzMzVBEEERYzMzNhERZxRGMzZxQEA2FER3cRSAgTNxgEEREIQBMzFIARERFEEzNhERARFAATMzYREBEAhBMzMzEYEBFEEzMzNhEQQRQDMzMzcRgEAAMzMzNhERgIEzMzMyERgEQDMzMzMRAEgEMzMzMxERAEEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" rel="icon" type="image/x-icon" />

4
2018-02-21 11:59



Prova ad aggiungere il profile attributo al tuo head tag e usa "image/x-icon" per il type attributo:

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">

Se il codice sopra riportato non funziona, prova a utilizzare il percorso completo dell'icona per href attributo:

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="http://example.com/img/favicon.ico">

-1
2018-03-16 08:30