Quando si tratta di navigazione online, molti di noi hanno più schede aperte come stiamo chattando su Facebook e leggendo le ultime notizie e di lavoro. Cosa ci aiuta a riconoscere istantaneamente un particolare sito Web e a spostarci rapidamente tra queste schede?

La favicon.

Una favicon è la piccola icona che rappresenta un sito web nelle schede del browser, nelle barre di navigazione, nelle liste dei segnalibri e persino nella cronologia delle ricerche., La ” F ” all’interno di un quadrato blu per Facebook, la grafica della busta per Gmail e la “Q” rossa per Quora sono tutte favicon. Se si sta costruendo un sito web e alla ricerca di modi per aumentare il suo branding online, quindi la creazione di una favicon per esso è una delle migliori decisioni che si possono fare.

Tutto ciò suona alla grande, potresti pensare, ma non ho le capacità di progettazione grafica per creare una favicon personalizzata per il mio sito web. Fortunatamente, non ne hai bisogno. Questo perché è possibile utilizzare un generatore di favicon per ottenere il lavoro fatto.,

In questo articolo, ti forniremo una spiegazione dettagliata di cosa sia una favicon e poi ti forniremo una lista dei dieci migliori generatori di favicon. Basta collegare cose come il logo aziendale, il nome e le immagini e la favicon del tuo sito web sarà pronta per l’uso.

Non aspettare che qualcun altro lo faccia. Assumere te stesso e iniziare a chiamare i colpi.

Inizia gratis

Che cos’è una Favicon?

Una favicon è una piccola grafica che di solito appare nella parte superiore di un browser Internet., L’immagine viene inserita in un file denominato ” favicon.ico ” che appartiene alla directory principale di un sito web. Questo aiuta i browser Internet a capire quale immagine mostrare accanto al nome del sito web.

A causa delle sue piccole dimensioni, una favicon funziona meglio come una semplice immagine che è in stile per completare il tema del tuo sito web. Ecco il nostro:

La maggior parte dei browser Web desktop utilizza un’immagine 16×16 pixel per la favicon. Tuttavia, non è raro che alcuni browser e sistemi di gestione dei contenuti richiedano versioni 32×32 o 48×48 o anche 512 x512.,

Questo perché le favicon non vengono utilizzate solo nelle schede del browser; vengono anche presentate quando un visitatore segnalibri un sito web o salva un collegamento alla schermata home mobile. In questi casi, i visitatori vedranno una versione ben ridimensionata della favicon invece una variante 16×16 allungata. Quindi, non esiste una dimensione migliore per le favicon.

Tradizionalmente, la maggior parte dei browser visualizzerebbe la favicon che era nel .formato ico. Tuttavia, al giorno d’oggi la maggior parte di loro accetta .gif e .anche i formati di file png.,

Vantaggi dell’utilizzo di una Favicon

Ecco i principali vantaggi dell’utilizzo di una favicon sul tuo sito web:

Credibilità

Nonostante le sue piccole dimensioni, l’inclusione di una favicon aiuta il tuo sito web ad apparire più credibile e professionale. Perché l’utente di Internet moderno ha la tendenza a giudicare gli imprenditori e le imprese in base a come professionalmente progettato il loro sito web è, una favicon personalizzata ti porterà punti brownie extra.

Richiamo del marchio

Le favicon, dopo il nome di un sito web, sono la prossima cosa che i visitatori spesso si relazionano con un’azienda., La ragione di questo è che entrambi appaiono nel browser quando qualcuno visita il tuo sito web. Detto questo, una favicon ha un ruolo più critico del nome di un sito Web dal punto di vista del branding. La grafica è più memorabile e riconoscibile del testo.

Ripetere le visite

Una favicon può anche aiutare ad aumentare il traffico mensile al tuo sito web. Diciamo, per esempio, un visitatore era di fretta la prima volta che hanno aperto il tuo sito web e ha deciso di segnalibro per una visita futura., Quando passano attraverso i loro segnalibri in un secondo momento, sarebbe facile per voi di distinguersi visivamente nella lista se si dispone di una favicon riconoscibile. In poche parole, il tuo sito web avrà una migliore possibilità di essere segnalibro e rivisitato dagli utenti dei motori di ricerca.

Ora che conosci i suoi vantaggi, è il momento di creare una favicon per il tuo sito web. Fortunatamente, ci sono diversi generatori di favicon là fuori per aiutarti a creare un’icona personalizzata per il tuo sito web.

Generatore di favicon online: le 10 migliori opzioni

  1. RealFaviconGenerator.,net

User-friendly e semplice, questo generatore di favicon consente di creare un’icona personalizzata in pochi minuti. Tutto quello che dovete fare è inviare un .svg, .jpg, o .immagine png che è 260×260 e lo strumento farà il resto.

RealFaviconGenerator.net consente di generare immagini favicon per Mac e browser desktop, dispositivi Android, Windows 8 compresse, iPad / iPhone e altro ancora.

Puoi anche controllare l’aspetto della tua icona esistente con questo generatore di favicon., Basta inserire l’indirizzo del sito web o l’URL nel campo vuoto e fare clic sul pulsante “Controlla Favicon” per ottenere un rapporto su come vengono visualizzate le icone in vari problemi.

Se c’è un problema, puoi semplicemente risolverlo con i consigli forniti. In questo modo vi aiuterà a migliorare la visibilità complessiva del marchio.

  1. Favic-o-Matic

Favic-o-Matic è un generatore di favicon diversificato che offre due diversi tipi di conversione., È possibile creare icone per tutte le piattaforme gratuitamente o fare 32×32 e 16×16 pixel .file ico.

Il generatore ha anche molte impostazioni avanzate. Puoi, ad esempio, utilizzare le opzioni metro tile per preimpostare la dimensione della tua favicon. È inoltre possibile scegliere un colore di sfondo specifico, così come inserire un URL del feed RSS.

Dopo aver configurato le impostazioni, è sufficiente caricare un’immagine e attendere il risultato., Lo strumento online ti fornirà anche il codice HTML necessario per caricare la favicon sul tuo sito web.

  1. Favicon.cc

Questo strumento è sia un generatore di favicon e creatore. Puoi usarlo per importare un grafico per progettare la tua favicon da un logo premade o progettare un’icona da zero.

Puoi anche modificare le tonalità dei tuoi clic, quindi non devi preoccuparti di avere determinati colori in anticipo., Lo strumento visualizza le favicon più recenti e più votati creati da altri utenti, che possono fornire qualche ispirazione.

Favicon.cc consente anche di costruire favicon animate. È possibile pubblicare queste icone sotto la licenza Creative Commons (CC). Inoltre, è possibile scaricare l’icona in .formato di file ico per visualizzarlo nella barra degli indirizzi di ogni browser Internet.

  1. Favicon-Generator.org

Favicon-Generator viene fornito con una vasta libreria di favicon pre-progettati che è possibile utilizzare per il tuo sito web., È possibile cercare diverse icone in base a colori, lettere o parole chiave.

In alternativa, è possibile caricare il proprio grafico in .jpg, .gif o .formato png e convertirlo in un .file ico. Questo generatore di favicon consente di creare icone per il web, così come Microsoft, iOS e applicazioni Android.

Anche se non ti dà molti modi per modificare un’icona, Favicon-Generator creerà l’HTML necessario per la tua favicon da visualizzare sul tuo sito web.

  1. Xiconeditor.,com

Xiconeditor è uno strumento incredibile da usare se stai cercando un modo semplice e veloce per creare una favicon online. Viene fornito con uno strumento matita, strumento pennello, strumento tipo, gomma, e molte altre caratteristiche che è possibile utilizzare per creare un’icona unica.

Se non vuoi iniziare da zero, puoi caricare un’immagine che ti piace e ritagliarla direttamente nel generatore. Puoi anche vedere in anteprima il tuo design prima di scaricarlo in modo da sapere esattamente come apparirà nei browser Web.,

Lo strumento consente anche di giocherellare con la tolleranza, le impostazioni alfa e il colore. Una volta che sei soddisfatto del risultato, è sufficiente visualizzare in anteprima ed esportare l’immagine favicon nel .formato di file ico.

  1. Genfavicon.com

Questo generatore di favicon è estremamente facile da usare. Tutto quello che devi fare è caricare un’immagine e ritagliarla usando lo strumento di anteprima Cut & di Genfavicon. Una volta che sei soddisfatto dei risultati, salva il file in .formato ico e sei a posto.,

L’aspetto intrigante di questo strumento è che consente di visualizzare in anteprima l’icona dal vivo. Questo può dare una buona idea di ciò che l’icona apparirà in un browser Internet.

Le dimensioni accettate da Genfavicon per l’immagine sono 16x16px, 32x32px, 48x48px, 64x64px e 128x128px.

  1. Antifavicon.com

Antifavicon è diverso dagli altri strumenti di questa lista in quanto non si basa sulle immagini per generare favicon., Invece, utilizza input basati su testo per creare icone di alta qualità per i proprietari di siti web.

Ci sono due campi di testo sulla home page dello strumento in cui è possibile digitare i numeri o le lettere che si desidera nella favicon. Inoltre, è possibile utilizzare il selettore colore per modificare il colore del testo e lo sfondo della favicon.

Sebbene le funzioni di modifica siano alquanto limitate, Antifavicon è una buona scelta per le persone che hanno bisogno di un’icona semplice e veloce e non hanno il tempo, il budget o le competenze per farlo.,

  1. FavIcon.pro

Questo è un altro grande creatore di favicon per la conversione .jpg, .gif e .immagini png in un.file ico. Puoi usarlo per trasformare la grafica in favicon, icone delle app e icone del desktop in pochi secondi.

Lo strumento consente di selezionare le dimensioni dell’immagine prima della conversione, che vanno da 16x16px a 128x128px. I principianti possono anche beneficiare delle istruzioni fornite sul sito web dello strumento.

Nel complesso, FavIcon.,pro offre un modo rapido per convertire qualsiasi immagine dal PC in una favicon efficace per il tuo sito web.

  1. Favicongenerator.com

Questo generatore di favicon consente di creare icone sia per uso commerciale e personale. È possibile utilizzarlo per convertire esistente .GIF, .JPEG, .png, e .grafica jpg a.file ico. Il codice dello strumento viene aggiornato di frequente al fine di tenere il passo con le più recenti tecniche JavaScript, CSS e HTML.

L’immagine dovrebbe avere dimensioni perfettamente quadrate e una dimensione massima di 2 MB., Le dimensioni Favicongenerator.com accetta sono 16x16px, 24x24px, 32x32px, 48x48px e 64x64px.

Per creare una favicon, basta selezionare un’immagine da caricare, scegliere la dimensione desiderata e quindi fare clic su “Crea Favicon.”Sono disponibili anche istruzioni sullo schermo per aiutarti ad aggiungere la favicon al tuo sito web.

Oltre a tutto ciò, Favicongenerator.com ha una sezione FAQ in cui puoi imparare come creare una favicon retina che funzionerà sui dispositivi Apple.

  1. Generatore di favicon online di Webestools

Webestools.,com offre un generatore di favicon gratuito che consente di caricare un’immagine e modificarla direttamente all’interno dello strumento. È inoltre possibile utilizzare gli strumenti di colore del sito web per progettare una favicon da zero. Il generatore offre un editor point-and-click che può aiutare a raggiungere i risultati desiderati.

È possibile scegliere tra 16px o 32px per l’uscita. Puoi anche vedere in anteprima il design per vedere come appare la tua favicon reale. Se sei soddisfatto del risultato, puoi fare clic sul pulsante “Download” per scaricare la favicon .formato ico.,

Inoltre, Webestools ti presenta un codice HTML che puoi utilizzare per inserire la favicon sul tuo sito web. Basta seguire le istruzioni presenti sulla home page del generatore, e avrete una favicon dal vivo in pochissimo tempo.

Come aggiungere una Favicon al tuo sito web

Ora che hai creato una favicon, è il momento di metterla al lavoro caricandola sul tuo sito web. Se stai usando WordPress, puoi farlo con il Customizer o tramite un plugin All In One Favicon., Il modo alternativo è quello di aggiungerlo manualmente seguendo i seguenti passaggi:

  1. Accedi al tuo gestore FTP (ftp://[email protected])
  2. Carica il .file ico nella directory principale del tuo sito web (/wp-content / themes / your-theme-folder)
  3. Apri la funzione.php o intestazione.,file php e inserire il seguente codice sotto il tag di intestazione:

<link rel=”shortcut icon” type=”image/x-icon” href=”http://yourwebsitename.com/favicon.ico”>>

L’URL dopo href= deve essere sostituito con il percorso dell’icona.

Di solito, il processo è molto più semplice per i siti web realizzati su piattaforme di e-commerce. In Shopify, ad esempio, devi solo aprire “Impostazioni tema” dalla dashboard, caricare la favicon e fare clic su Salva. Di seguito è riportato un video che dimostra quanto sia facile per i proprietari dei negozi Shopify.,

Se hai seguito correttamente i passaggi, la tua favicon dovrebbe essere visualizzata nel browser Web ogni volta che qualcuno apre il tuo sito web.

Conclusione

Le favicon potrebbero non essere l’elemento di branding più critico del tuo sito web, ma sono facili da realizzare e offrono una serie di vantaggi. Questa piccola grafica rappresenta la tua attività in cui non c’è spazio per il tuo logo o titolo per farlo. Inoltre, dà al tuo sito il vantaggio in più di cui ha bisogno per distinguersi in una finestra del browser affollata.

Quindi, non dimenticare questa piccola ma potente immagine., Usa uno dei generatori di favicon dall’elenco sopra per crearne uno per il tuo sito web. Sfruttando le funzionalità semplici, anche i non designer possono creare una favicon che migliora l’usabilità del loro sito Web offrendo un’esperienza utente eccezionale per le persone su tutte le piattaforme.