[Tutorial] – Creare Favicon.ico con Photoshop
Le FavIcon alias di “Favorite Icon” sono quelle minuscole icone (16×16 pixel) che vengono visualizzate alla sinistra dell’URL nella barra degli indirizzi del Browser.
[ad#300x250]
In rete esistono diverse Web Application che ne consentono la creazione, ma oggi voglio presentarvi una piccola estensione per Photoshop che vi consentirà di crearle direttamente dal vostro programma di grafica preferito.
Queste estensione crea le icone con delle trasparenze, quindi con la possibilità di creare degli antialiasing e rendere morbide le trasparenze anche quando sono sugli sfondi delle tab sia di FireFox che opera che del nuovissimo Internet Explorer 7.
l’estensione aggiungerà al menu dei formati di ‚ÄúSalva con nome…‚Äù la voce .ico (ossia il formato delle icone). In questo modo sarà possibile creare con Photoshop e salvare icone di tutti i tipi, non solo favicon.
Procedimento:
- Dopo qver effettuato il download dalla pagina ufficiale del realizzatore, basterà copiare il file¬† ICOFormat.8bi
- nella cartella “Formati di file”, presente all’interno della directory dei plug-in di Photoshop.
- Avviate Photoshop, create una nuova immagine 16 x 16 pixel.
- Create la vostra FavIcon.
- Salvate con nome scegliendo come Formato ICO
- Inserite il file creato in radice del vostro sito. Fate attenzione, è importante che il file sia nominato favicon.ico altrimenti alcuni browser non lo troveranno.
- In fine aggiungete nelle vostre pagine html tra i tag<HEAD> e</HEAD>, questo codice, fate attenzione perchè dovrete sostituirne il nome corretto del vostro dominio:
<link REL=”shortcut icon” HREF=”http://www.nomesito.ext/favicon.ico”>