Home > Risorse > Creare un favicon

Creare un favicon

Nonostante dovessi rimettere in piedi il sito di Hello Mac più velocemente possibile sono stato attratto dal fascino dell’iconetta che appare nei browser accanto all’indirizzo del sito:

Esempio di Favicon

Questa iconetta prende il nome di favicon (contrazione di favourites icon) e altro non è che un immagine di soli 16×16 pixel salvata in formato proprietario (.ico).

Ho aperto immediatamente Photoshop CS3 ma mi sono accorto che questo mastodontico software non gestisce il formato .ico. Strano ma vero.

Per risolvere questo piccolo inconveniente ho installatoil plug in creato dalla Telegraphics,

ICOFormat della Telegraphs

software house che oltre a mostrare il logo no war ha in bella vista quello di “Bad Vista”, che potete scaricare da questo indirizzo:

http://www.telegraphics.com.au/sw/#icoformat

Ci sono diverse versioni di questo plug-in, per le varie versioni di Photoshop come per Windows. Una volta installato (le istruzioni sono semplicissime e comunque basta copiare il plug-in nella relativa cartella Plug-Ins->File Formats che trovate nella cartella di PhotoShop), il vostro PhotoShop sarà in grado di aprire e salvare immagini in formato ICO.

Per Hello Mac amando il vintage e i tempi che furono ho scelto uno stile che richiama Apple pre ritorno Steve Jobs:

  1. niguli
    August 19th, 2010 at 14:16 | #1

    com’è che hai cambiato il sito ? :O

  2. August 19th, 2010 at 15:10 | #2

    “Ho aperto immediatamente Photoshop CS3…” ma perché? Perché aspettare 5 minuti che si avvii Photoshop CS3, per fare cosa? Ridimensionare un immagine? Anteprima non lo fa? E poi cercare il plugin e installarlo?
    Ma se vedi una briciola in un angolo corri a prendere l’ultimo modello di Folletto per aspirarla e quando ti accorgi che non arriva nell’angolo vai a cercare l’adattatore più fine? Io mi chino, la raccatto e la butto. E ho anche risparmiato i soldi del folletto :)
    Alla peggio basta cambiare l’estensione al file in .ico e metterlo sul server, o usare metodi più moderni, come Wikipedia e W3C consigliano, usando anche png jpg e gif, anche più grandi.
    Buone favicon!

  3. August 19th, 2010 at 21:49 | #3

    @ Gimmy: non capisco perché tu te la prenda tanto se ho usato Photoshop per creare il favicon. Quando ho pensato di scrivere questo post l’obiettivo era di dare la possibilità a chi usa Photoshop di rimediare a questa sua piccola mancanza, quindi, piccola introduzione sul favicon e poi spiegazione. Certo, ci sono molti software, anche gratuiti, belli e pronti per sfornare favicon, vedi tra gli altri Pixen, ma non era mio scopo spiegare come “creare un favicon” anche se ammetto che il titolo del post è un po’ fuorviante. Estremista del software libero? :-) Buone favicon anche a te!

    @ Niguli: per colpa di una mia sbadataggine… riparto da zero. Mannaggia!

  1. No trackbacks yet.
You must be logged in to post a comment.