[Tutorial] – Creare Favicon.ico con Photoshop

MarioRefetto — Mon, 08 Sep 2008 13:23:53 +0000

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 e, questo codice, fate attenzione perchè dovrete sostituirne il nome corretto del vostro dominio:

MarioRefetto.it » favicon

[Tutorial] – Creare Favicon.ico con Photoshop