Favicon: avere l'icona del tuo sito nella barra degli indirizzi
Alcuni siti Web hanno un'icona a sinistra dell'URL nella barra degli indirizzi del browser Internet. Esistono diversi metodi disponibili per creare una favicon o un'icona per un sito Web che può essere visualizzata nella barra degli indirizzi. È possibile utilizzare software di disegno come Gimp, Pixia o software specializzato come IconEdit32 o IconWare per creare una favicon . Ci sono siti Web che possono essere utilizzati per trasformare un'immagine favicon. Alcuni siti Web consentono ai webmaster di generare un file ICO e animare la favicon . Il tag Link viene utilizzato per indicare il percorso della favicon e metterlo online in modo che i visitatori del sito Web possano vedere l'icona nella barra degli indirizzi.
- Creare una favicon
- Per la maggior parte dei browser:
- Per Internet Explorer:
- Creare una favicon animata o generare un file ICO
- Mettere favicon online
- Gli appunti
Probabilmente hai notato la presenza di un'icona a sinistra dell'URL nella barra degli indirizzi del tuo browser quando accedi ad alcuni siti web?
Per implementare questo tipo di icona sul tuo sito web, segui i passaggi seguenti.
Creare una favicon
Esistono diversi metodi:
- Software di disegno (Gimp, pixia, inkscape ...)
- Software specializzato (IconEdit32 o IconWare)
- Siti web (che trasformano un'immagine favicon):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Per la maggior parte dei browser:
Il primo passo è creare un'immagine in png o gif.
Puoi scegliere tra varie dimensioni, 16x16 o 32x32 (pixel).
Per Internet Explorer:
Per questo browser, usa un'immagine o un file .ico (rinominato bmp) -size 16x16 pixel.
Creare una favicon animata o generare un file ICO
//www.html-kit.com/favicon/
- Il link qui sopra ti consentirà non solo di generare facilmente un file ICO, ma anche di animare la tua favicon e far scorrere il testo se lo desideri.
- Fai clic sul pulsante Sfoglia e scegli un'immagine sul tuo computer.
- Puoi anche aggiungere del testo per scorrere dopo l'icona; genera automaticamente un'icona animata.
- Infine, è anche possibile generare un'icona animata senza testo, controllando la Favicon animata (la favicon stessa che sembra scorrere).
- Quindi fare clic sul pulsante Genera Favicon.ico
- Avrai quindi una panoramica della tua favicon.
- Quindi scarica semplicemente il file zippato sul tuo computer.
- Dopo aver decompresso il file, copia il file favicon.ico sul tuo sito.
- Se hai scaricato un'icona animata, il file ZIP conterrà anche il file Extra contenente favicon animato (animated_favion1.gif), quindi copialo sul tuo sito.
Mettere favicon online
- Per mettere la favicon sul tuo sito, indica il suo percorso tramite i tag link trovati nell'intestazione.
- Ecco un esempio con un'immagine png:
- A seconda del formato, l'attributo "tipo" cambierà:
Png: image / png
Formato GIF: image / gif
Formato jpeg (estensione jpeg o jpg): image / jpeg
- E se hai una favicon che non soddisfa gli standard, anche l'attributo "rel" cambia:
link rel = "icona di collegamento" type = "immagine / x-icona" href = "/ images / icon_ie.ico" />
- Se l'icona è animata (GIF, inserisci il seguente tag: