Directory articoli
使用Google Chrome,accedereChen WeiangI blog, davanti alla scheda del browser e alla barra degli URL, visualizzeranno una piccola icona del sito web.
sezioneWordPressTema con caricamento integrato delle icone dei preferiti.
Cos'è l'icona Favicon?
Come suggerisce il nome, la cosiddetta favicon è l'abbreviazione di Favorites Icon (icona preferita).
- Consente ai preferiti del browser di distinguere diversi siti Web tramite icone oltre ai titoli corrispondenti.
Naturalmente, a seconda dei diversi browser, anche la modalità di visualizzazione di Favicon è diversa:
- Nella maggior parte dei principali browser come FireFox e Internet Explorer (versione 5.5 e successive).
- La favicon compare non solo nei preferiti, ma anche nella barra degli indirizzi.
- Gli utenti possono trascinare e rilasciare le icone sul desktop per creare collegamenti a siti Web;
- Inoltre, ci sono anche molte estensioni per browser a schede come FireFox che supporta anche icone in formato animato, ecc...
- L'icona favicon.ico è una miniatura di un sito Web, che può essere visualizzata nelle schede del browser, sul lato sinistro della barra degli indirizzi e nei preferiti.
Questa è la miniatura del logo che mostra la personalità del sito web.
- Se vuoi rendere il tuo sito web più professionale, si può dire che sia l'avatar del sito web.
- Se vuoi rendere il tuo sito più bello e personalizzato, favicon.ico è fondamentale.
Quindi puoi utilizzare lo strumento di conversione delle icone ICO su questo sito Web per soddisfare facilmente le tue esigenze.
Nel processo di creazione di un sito Web con WordPress, è necessario creare un logo personalizzato che corrisponda al tema del sito Web, che è direttamente correlato al marchio di successo del sito Web.
Da un certo punto di vista, questo è ancora fatto sul sitoPromozione Weball'interno della gamma.
Per avere successo, include non solo un buon design della pagina, un impressionante logo del sito Web, ma anche icone:
- Da un punto di vista tecnico specifico, favicon non solo fornisce alle persone un aspetto più professionale, ma riduce anche il consumo di larghezza di banda del server in una certa misura:
- In generale, per aumentare l'usabilità del sito, creeremo un file di errore 404 personalizzato per il nostro sito web.
- In questo caso, se il sito web non ha un file favicon.ico corrispondente, il server web chiamerà questo file 404 personalizzato e lo registrerà nel log degli errori del sito, cosa che ovviamente dovrebbe essere evitata.
Come viene aggiunto e utilizzato Favicon.ico?
Tra head e /head del codice dell'applicazione web, aggiungere il codice seguente ▼
<head> ... <link rel="shortcut icon" href="/it/favicon.ico"/> <link rel="bookmark" href="/it/favicon.ico"/> ... </head>
Usa la grafica che conoscisoftwareCrea un rendering di 16*16px, 32*32px, 48*48px, salvalo come immagine in formato .png o .gif o .jpg.
Come creare un'icona favicon.ico trasparente?
passo 1:Crea icone PNG trasparenti con PS.
passo 2:Apri lo strumento icona favicon.ico di generazione online ▼
Clicca qui per visitare il creatore di icone favicon.ico online3 ：Sfoglia le immagini appena salvate
4 ：Clicca: "Genera icona favicon.ico online".
5 ：Segui le istruzioni per caricarlo nella directory principale del sito web.
Come aggiornare l'icona favicon.ico?
- Chiudi tutti i browser aperti e svuota la cache del browser.
- Apri un sito Web e aggiungi un preferito.
- Chiudi tutti i browser, riapri il sito Web e aggiorna.
Se l'icona favicon.ico non è stata aggiornata a questo punto, attendere un momento prima di aprire il tentativo di navigazione.
Se utilizzi Firefox o Chrome, l'aggiornamento è più semplice:
- La navigazione in modalità privata in Firefox e Chrome aggiorna la cache delle icone favicon.ico.
Speranza Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ha condiviso "Cos'è la favicon?Generatore di produzione online di icone di piccole icone di raccolta di siti Web", per aiutarti.
Benvenuti a condividere il link di questo articolo:https://www.chenweiliang.com/cwl-822.html
Benvenuto nel canale Telegram del blog di Chen Weiliang per ricevere gli ultimi aggiornamenti!
📚 Questa guida contiene un valore enorme, 🌟Questa è un'opportunità rara, non perderla! ⏰⌛💨
Condividi e metti mi piace se ti va!
La tua condivisione e i tuoi like sono la nostra continua motivazione!