Generatore di Favicon

Generatore di Favicon

Italiano - English

Questo sito e' un generatore di favicon semplice da usare.
Le Favicon generate qui contengono testo invece che immagini, dunque sono più descrittive rispetto a quelle tradizionali. Grazie alla possibilita' di scegliere un colore diverso per la parte superiore ed inferiore (sia come sfondo che come testo) risultano gradevoli da vedere.
Lo stile si rifà ai bottoni antipixel che ultimamente sono diventati di moda.

Esempi:

Per generare la tua favicon digita il testo qui sotto e prova differenti colorazioni. Quando la tua favicon è pronta puoi salvarla cliccando su Save as favicon file.

La tua favicon


caricamento...
Suggerimento: clicca sull'icona per attivare/disattivare l'ingrandimento

Testo

Testo superiore:
Testo inferiore:
Disegnare un bordo?
si no
Suggerimento: Prova le lettere maiuscole per un diverso effetto.
Suggerimento: Aggiungi uno spazio all'inizio e alla fine per forzare un font più piccolo.
Suggerimento: Usa un singolo carattere come testo superiore e lascia il testo inferiore vuoto per avere una favicon con un unico carattere grande.


Colori

Colore testo superiore:
select foreground color
Colore sfondo superiore:
select foreground color
Colore testo inferiore:
select foreground color
copy from top text color
Colore sfondo inferiore:
select foreground color
copy from top background color
Colore bordo:
select foreground color

Una veloce guida alle favicon

Ora che hai generato la tua favicon ti serve sapere come aggiungerla al tuo sito seguendo i giusti standard e le regole necessarie per fare in modo che tutti gli utenti la vedranno in maniera corretta. Di seguito ti proponiamo una veloce guida tradotta dalla pagina sulle Favicon di Wikipedia.

Cos'è una favicon

Una favicon (abbreviazione di "Favorites icon"), conosciuta anche col nome di page icon, è una icona associata ad un particolare sito web o pagina web. Uno sviluppatore web puo' creare tale icona, così che i browser grafici come Internet Explorer, Firefox, Mozilla, Opera, Safari e Konqueror possano farne uso. I browser che supportano le favicon possono visualizzarle nella barra degli indirizzi, vicino al nome del sito nella lista dei bookmark, o vicono al titolo della pagina nei tab.

Come utilizzare una favicon nel tuo sito

Il modo originale di definire una favicon era quello di piazzare un file chiamato favicon.ico nella root del webserver. Questo file era dunque utilizzato automaticamente da Internet Explorer nella visualizzazione dei favoriti (bookmarks). Più tardi è stato creato un sistema più flessibile usando l'HTML per indicare la locazione dell'icona per ogni singola pagina, che consiste nell'utilizzo di una riga simile a: <link rel="shortcut icon" href="/favicon.ico" /> nella sezione <head> del documento. In questo modo qualunque immagine di dimensione appropriata (16x16 pixel o più) può essere utilizzata come favicon, e anche se molti continuano ad utilizzare il formato .ico, i browser moderni supportano anche icone informato GIF e PNG.

Per una compatibilità massima con i vari browser basta seguire le seguenti regole:

  • Includere tutti e due le seguenti righe nella sezione head:
    <link rel="shortcut icon" href="http://example.com/favicon.ico" />
    <link rel="icon" href="http://example.com/favicon.ico" />
  • Le righe con l'elemento link devono essere incluse all'interno della sezione head (tra <head> e </head>) nella pagina HTML.
  • Per l'XHTML, l'elemento link deve essere vuoto (terminato da /> )
  • L'href può, ma non necessariamente, puntare all'indirizzo /favicon.ico. In teoria si può usare qualunque indirizzo.
  • L'immagine può essere in formato ICO, PNG o GIF.
  • Il formato .ico viene letto in maniera corretta dalla maggior parte dei browser.

Note: Un file chiamato favicon.ico e posizionato nella root del web server potrà essere utilizzato anche da parte di alcuni browser (meno moderni) che non processano l'elemento link, anche se non e' collegato da nessuna parte nel tuo sito.

Informazioni su questo sito

Questo sito funziona utilizzando Software Open Source, su un server Linux usando un mix di programmi Javascript e Tcl, La libreria Gd, il motore di generazione di font Free Type. I programmi e l'HTML sono stati editati utilizzando l'editor vim.

Contatti

Siamo felici di ricevere commenti su questo sito, se hai qualcosa da dire scrivi ad antirez (at) gmail (dot) com.


Risorse per sviluppatori Web

Una collezione di strumenti on line per sviluppatori web e web designers

Generazione di elementi grafici
Pixelbutton Un generatore di bottoni nello stile antipixel. Molto ben fatto e semplice da usare.
Brilliant Button Maker altro generatore di bottoni antipixel, meno immediato ma consente di includere immagini nei bottoni.
Generatore Casuale di Testo utile per testare diversi layout delle pagine con un contenuto che sembra reale.
Convertitore di testo in immagine con supporto anti-OCR.
Generatore di Icone di Email, trasforma gli indirizzi email in immagini per prevenire lo spam.
Generazione Frattali, un sito che genera frattali e permette lo zoom e l'esplorazione direttamente online.

Strumenti relativi ai colori
Color Schemes Generator ti potrebbe salvare quando hai una crisi ispirativa e non sai che colori scegliere.
Color Palette Generator genera colori simili ad una data immagine, nel caso di siti che vertono su un elemento grafico predominante.

Motori di ricerca / SEO
Top Directories con inserimento link al proprio sito gratuito. Un punto di partenza per avere più link verso il tuo sito.
99 strumenti SEO gratuiti una collezione di strumenti SEO di qualità.
Overtune Keyword Selector Tool mostra le ricerche effettuate più spesso dagli utenti per una data keyword.
Overtune BIDs viewer utile per vedere qual'e' il BID (massimo prezzo pagato per click) in diversi argomenti di pubblicità in rete.
Robots.txt Generator permette di selezionare quali web crawler permettere/escludere, quali directory restringere, e genera automaticametne un Robots.txt da queste informazioni.
The Visitors Web Log Analyzer è un analizzatore di log con una serie di statistiche specifiche per Google.

Programmi di affiliazione per guadagnare dai siti web
Chitika, mostra dei banner di prodotti di consumo quali l'Ipod, portatili, macchine fotografiche digitali e altro ancora. Pagano per click tramite paypal.
AdSense, da la possiblità di guadagnare tramite l'esposizione di banner in alcuni punti del tuo sito web.

Altri link

News e recensioni applicazioni iPhone

Vuoi che il tuo sito venga incluso nella lista? Scrivi una email ad antirez (at) gmail (dot) com, l'inclusione è gratuita ma solo i siti di ottima qualità saranno inclusi.


Copyright (C) 2005 Salvatore Sanfilippo - All Rights Reserved
Fatto in Italia