Come creare un icona Browser in Photoshop

April 11

Nella tua navigazione in internet, probabilmente avete visto la piccola icona, personalizzato che appare accanto molti un URL nella finestra del browser. Questa icona, chiamata favicon, è una piccola icona grafico salvato in un formato "ico" e aggiunto alla directory principale del sito. Con un freeware plug-in di Photoshop e qualche ingenuità grafica, è possibile creare una icona del browser personalizzato per il tuo sito, anche.

istruzione

1 Scaricare e installare il plug-in per Photoshop ICO. È possibile trovare una versione open-source sul sito Telegraphics (collegato al Risorse). Una volta scaricato il plug-in, scompattarlo e trascinarlo nella directory dei plugin> Formati di file nella cartella applicazioni Photoshop.

2 Avviare Adobe Photoshop e creare un nuovo file. Poiché il file ICO per il browser non può che essere 16x16 pixel, può essere più facile per creare la grafica leggermente più grande e quindi ridimensionare esso. Dal File> Nuovo del menu, creare un file che è 32x32 o 64x64 pixel in formato RGB a 72 dpi.

3 Crea la tua icona grafica. Usando come molti strati di cui hai bisogno, comporre l'opera d'arte che si desidera comparire accanto al tuo URL. Ricordate che l'immagine apparirà molto piccolo nella finestra del browser, in modo da assicurarsi che il design è semplice e di facile lettura.

4 Ridimensionare la vostra immagine per adattarla al formato favicon e appiattirlo. Utilizzando la finestra di dialogo Dimensione immagine Photoshop Immagine>, modificare le dimensioni del file di 16x16 pixel, in linea con gli standard favicon. Sarete in grado di giudicare la leggibilità dell'immagine in questa dimensione. Potrebbe essere necessario affinare il file utilizzando il Filtro> Contrasta comando. Se le rettifiche progettuali devono essere fatte, basta scegliere Modifica> Annulla Dimensioni immagine dal menu di Photoshop e modificare l'immagine. Poi ridimensionare di nuovo a 16x16 pixel. Ora appiattire i livelli.

5 Salvare il file in un formato .ico. Fare clic su Salva con nome dal menu File. Nella finestra di dialogo, scegliere ICO (icona di Windows) dal menu a discesa Formato. Un nome al file "favicon.ico", poiché la maggior parte dei browser riconoscerà automaticamente che il nome del file per l'icona del browser. Fare clic su Salva.

6 Carica il file browser icona al tuo sito web. Utilizzando il software FTP standard o cruscotto amministrativo del proprio host web, accedere al sito web directory principale - la stessa directory in cui si trova la vostra casa o pagina indice. Trascinare il file ico per questa directory. Ora l'icona del browser dovrebbe apparire nella finestra del browser quando il sito si accede. Se non si presenta subito, prova ad aggiornare il browser più volte.