creare una favicon gratis con paint.net
cos’è una favicon ?
Favicon è un termine inglese, contrazione di favorites icon. In informatica indica un’icona associata ad una particolare pagina web. Solitamente la favicon è una piccola immagine (16×16), spesso un logo, pertinente ai contenuti del sito web correlato. La favicon viene visualizzata alla sinistra dell’URL nella barra degli indirizzi di un browser, nel momento in cui si naviga un sito che ne è provvisto. L’icona è inoltre visualizzata nel menu dei preferiti di un browser. Nata come funzionalità di Microsoft Internet Explorerversione 5, in seguito è stata integrata su molti altri browser tra cui: Firefox, Mozilla, Opera, Safari, e Konqueror. (wiki)
e cos’ è paint.net?
paint.net è un programma di photo editing open-source e da molti è considerato la migliore alternativa gratuita a photshop insieme a the gimp, anche se il secondo è pensato per linux mentre paint.net per windows. (scarica paint.net)
il risultato finale
questa è la favicon che ho creato utilizzando colori simili a quelli del mio tema e l’ iniziale del mio blog ma potete renderla unica e personale semplicente cambiando il font,la lettera e i colori.
p.s. In questa immagine mostro il logo 256 x 256 ma poi andrà ridotto a 16 x 16.
passo 1: lo sfondo
prendiamo lo strumento gradiente e creiamo un gradiente centrale.
se volete avere il mio stesso effetto dovrete creare questo gradiente con come colore primario il bianco e come secondario un blu con questi valore esadecimale:0F57FF, per inserire il valore dovete clikkare su colori>estesa e così vi apparirà una casella in cui inserire questo dato.
passo 2: il testo
ora potete divertivi scegliendo il font (da qui potete scarica font free) e la grandezza che volete ma ricordatevi che deve essere leggibile anche alla grandezza di 16×16.
se volete fare come ho fatto io dovete usare:
- il font modo (scaricabile gratuitamente da qui)
- il blu con valore esadecimale 255
- come grandezza della scritta 192.
passo 3: aggiungiamo un effetto
io in questo caso ho aggiunto una bombatura 45 al centro (effetti>distorsione>bombatura) ma possiamo usare anche altri effetti come il tratto ad inchiostro (immagine sotto) o altri effetti reperibili on-line
passo 4: bordi arrotondati
per aggiungere i bordi arrotondati usiamo il rettangolo arrotondato e poi esternamente,con il vasetto, coloriamo tutto di bianco.
passo 5: installare la favicon
per installare la favicon dovete caricare il file favicon.ico contenente
<link HREF=”http://www.miodominio.it/favicon.ico” rel=”SHORTCUT ICON”> tra i tag head e /head
p.s. io non inserisco come favicon questa qui perchè sono ancora indeciso se caricare questa o provare a farne una nuova.
se avete bisogno di consigli o volete mostrarmi le vostre creazione commentate
