Un'icona per un sito o, come viene più spesso chiamata, un'icona è ciò che puoi vedere nell'angolo accanto al nome della scheda nel browser. Inoltre, l'icona viene visualizzata di fronte al nome del sito nell'elenco dei "Preferiti", puoi anche vederla quando il motore di ricerca mostra il tuo sito nei risultati di ricerca.
È necessario
- - logo del sito,
- - Photoshop,
- - convertitore di favicon.
Istruzioni
Passo 1
Apri il logo del tuo sito web in Adobe Photoshop. Se non c'è il logo, puoi scattare qualsiasi altra foto, è importante solo che sia associato al tuo sito. Elabora l'immagine rimuovendo tutti i dettagli non necessari e ora riduci le sue dimensioni a 32 o 16 pixel su ciascun lato. Quindi salva l'immagine come file grafico.png
Passo 2
Soprattutto, se si finisce per creare un file con una risoluzione di 32x32 pixel, poiché gli utenti a volte salvano i collegamenti dei siti che preferiscono sul "Desktop" e le immagini da 16x16 pixel non sembrano sufficientemente dettagliate. Tieni però presente che nel browser la tua icona sarà comunque ridimensionata a 16x16 pixel, queste sono le immagini che vengono visualizzate nei Preferiti e nel titolo.
Passaggio 3
Ora devi convertire l'immagine in un file ico. Questo può essere fatto utilizzando un plug-in per Photoshop o utilizzando un servizio Internet gratuito, ad esempio https://favicon.ru/. Ci sono molti plugin e servizi, funzionano quasi allo stesso modo, quindi non ha senso consigliarne uno specifico. Questi siti sono chiamati generatori di favicon.
Passaggio 4
Rinominare il file risultante in favicon.ico.
Passaggio 5
Ora vai al pannello di controllo del tuo sito e trova la directory principale in cui si trova la prima pagina. Di solito si tratta di index.html o di un altro file generato dal sistema di gestione dei contenuti. Potrebbe esserci già un'icona denominata favicon.ico. In questo caso, elimina la vecchia icona e sostituiscila con la tua.
Passaggio 6
Se la directory principale non è disponibile per te, così come in quei casi se hai scritto tu stesso il codice per il sito, devi modificare tutte le pagine del sito su cui dovrebbe apparire l'icona. Apri la pagina in un editor e aggiungi una voce nella sezione head
Passaggio 7
Se l'icona non si trova nella directory principale, ma da qualche altra parte, nel parametro href scrivi il percorso completo del file.
