Icona immagine accanto all'URL del sito

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

Domanda

Vorrei avere informazioni sulle icone che vengono visualizzate accanto agli URL del sito su un browser web. Questa è una funzionalità specifica del browser? Dove specifichiamo l'origine dell'icona, ovvero è presente in qualche tag sulla stessa pagina web?

È stato utile?

Soluzione

Queste icone sono chiamate favicon

La maggior parte dei browser Web supporta http://mysite.com/favicon.ico ma il modo corretto di farlo è includere un meta tag icona nel profilo head. 

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

Fonte del W3C stesso.

La tua scommessa migliore è probabilmente fare entrambe con la stessa icona immagine.

Altri suggerimenti

Credo che ti riferisca al Favicon , che consente a un sito Web di specificare un 16x16 (o più grande) immagine che viene visualizzata nella barra degli indirizzi accanto all'URL nella maggior parte dei browser moderni.

Alcuni browser selezionano semplicemente il file chiamato favicon.ico che si trova nella radice della cartella Web, mentre altri richiedono che sia specificato nel <head> dell'HTML utilizzando il seguente codice, 

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

Questo era originariamente il modo in cui è stato fatto con IE, ma non è conforme agli standard (a causa dello spazio nella rel), quindi la maggior parte dei browser ora ti consente di farlo come segue, dove puoi usare qualsiasi immagine standard formato, non solo .ico 

<link rel="icon" href="favicon.png" type="image/png" />

Queste sono favicon - ulteriori informazioni su quella pagina.

Fondamentalmente, file .ico nella directory principale sul server web.

Aggiungerò semplicemente che alcuni siti usano una GIF animata come favicon. Che può essere visto come & # 252; bello o estremamente fastidioso, a seconda dei tuoi gusti ... E probabilmente non supportato da tutti i browser.

Il modo più semplice per ottenere tali informazioni è tramite questa semplice app Web

testo del link

Devi solo digitare l'URL della pagina e restituisce tutte le proprietà dell'immagine

Sono favicon . I browser guardano / su un server per favicon.ico

Questo si chiama favicon, puoi guardare questo tutorial usando favicon nell'applicazione asp.net LINK

Originariamente era un file in formato icona di Windows, archiviato sotto l'URL http: //site/favicon.ico . La maggior parte dei siti utilizza ancora favicon.ico e molti browser guardano ancora automaticamente lì, indipendentemente dai meta tag.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top