Come fare Favicons in Photoshop CS5

February 18

Una favicon è la piccola icona visto nella barra degli indirizzi del browser quando si visita molti siti web. Si tratta di un file di immagine piccola, 16 x 16 pixel di dimensione, ed è in modalità ".png" o formato "ico". Mentre la maggior parte dei browser Web supportano entrambi i formati, a partire da settembre 2011 Internet Explorer supporta solo il formato "ico". È possibile effettuare una favicon in Photoshop e salvarla come file "favicon.png". È quindi possibile convertirlo in un file "ico", se lo si desidera, utilizzando Microsoft Paint, un programma di utilità di conversione online gratuito o un Photoshop plugin gratuito.

istruzione

1 Identificare l'immagine che si desidera utilizzare come base per una favicon. Avviare Photoshop e premere "Ctrl-O" sulla tastiera. Individuare l'immagine nella finestra di navigazione e fare clic su "Apri".

2 Selezionare una parte dell'immagine da utilizzare nella favicon. Se questo è un grande immagine ridurre la dimensione, per effettuare i seguenti passi più facile. Fare clic sul menu "Immagine", quindi fare clic su dimensioni dell'immagine. Assicurarsi che "Contstrain Proporzioni" è selezionata, quindi digitare un valore inferiore nel campo di testo "Larghezza". Fai clic su "OK".

3 Selezionare l'opzione "Selezione rettangolare Tool" dalla casella degli strumenti e trascinarlo attraverso l'immagine per fare un quadrato. Premere il tasto "Ctrl-C" per copiarlo.

4 Fare clic sul menu "File", quindi su "Nuovo." Tipo "64" sia nel "Width" e campi di "altezza", cambiare le unità di misura per "pixel", quindi fare clic su "OK".

5 Premere il tasto "Ctrl-V" per incollare la selezione copiati nella nuova immagine. Utilizzare il "Move Tool" per trascinare l'immagine all'interno dell'area visibile.

6 Ridimensionare l'immagine in base alle esigenze facendo clic sul menu "immagine", "Transform", quindi "Scala". Trascinare un angolo dell'immagine per ridimensionarla. Tenendo premuto il tasto "Shift" manterrà le proporzioni originali. Premere Invio."

7 Fare clic sul menu "Zoom" nella parte inferiore della finestra e digitare "300" in modo da poter cambiare l'immagine, se necessario. Utilizzare lo "strumento Pennello" o "strumento Matita" per aggiungere dettagli all'immagine.

8 Ridimensionare l'immagine di 16 per 16 pixel. Fare clic sul menu "Immagine" e selezionare "Dimensione immagine." Tipo "16" nel "Larghezza" e campi di "altezza". Selezionare "Bicubica più nitida" dal menu in basso e fare clic su "OK".

9 Ridurre il menu "Zoom" a "100" per cento ed esaminare l'icona. Se è necessario apportare ulteriori modifiche è possibile fare clic "Passo indietro" dal menu "Modifica" e ri-touch l'immagine. È inoltre possibile aumentare la "Zoom" a "800" e modificare la favicon così com'è.

10 Salvare l'immagine facendo clic su "Salva per Web e dispositivi" dal menu "File". Selezionare "PNG-8" dal menu "Preset". Fai clic su "Salva" e di tipo "favicon.png" nel campo del nome.

11 Convertire la favicon in un formato "ico" aprendolo in Microsoft Paint e salvare come file "ico". In alternativa è possibile utilizzare un programma di utilità di conversione online gratuito come convertico.com di cambiarlo in un file "ico" o installare un plugin ".ico" per Photoshop.