15 migliori generatori di favicon gratuiti

Generatori Favicon gratuiti


Quando si tratta del tuo sito Web, la tua strategia di branding è fondamentale per convertire i visitatori in clienti. Nessun piccolo dettaglio dovrebbe essere trascurato. Ciò include la necessità di creare icone favicon e un generatore favicon gratuito può aiutarti a realizzarle.

I favicon sono le piccole icone delle immagini che appaiono accanto al titolo di un sito Web nella scheda di una finestra del browser.

Poiché è possibile utilizzarli anche come icone delle app desktop, sono necessarie almeno alcune dimensioni diverse che possono essere incluse in un tipo di file ICO favicon. Nella maggior parte dei casi, puoi anche impostare un file PNG come icona favicon.

Le favicon sono essenziali perché gli utenti sono costantemente alla ricerca di informazioni su più siti Web contemporaneamente in schede. Favicons aiuta gli utenti a identificare i contenuti e il marchio più rapidamente per un’esperienza utente più allettante.

Quindi, ecco 15 strumenti online gratuiti per generatore favicon e ulteriori dettagli su come creare icone favicon e installarle.

Scaviamo dentro.

Best practice per i file ICO del generatore Favicon online

Quando vuoi creare icone favicon, il primo passo è imparare di più su di loro, compresi i loro requisiti e le migliori pratiche.

Il termine “favicon” è un portmanteau per “icona preferita”. Queste erano icone che, proprio come oggi, venivano visualizzate con il titolo di un sito Web nella parte superiore di un browser.

Tranne il fatto che sono stati originariamente visualizzati quando un utente ha aggiunto un sito Web alla cartella “Preferiti”. I browser moderni fanno riferimento a questa cartella come ai tuoi segnalibri.

L’icona di una favicon deve avere una certa dimensione. In caso contrario, i browser e i dispositivi non li utilizzeranno.

Le taglie minime necessarie sono:

  • 16 × 16 pixel per i browser
  • 32 × 32 pixel per le barre delle applicazioni del desktop
  • 96 × 96 pixel per le icone favicon delle app desktop
  • 180 × 180 pixel per dispositivi iOS e Android

Tieni presente che puoi scegliere tra 16 × 16 px e 32 × 32 px. Se non sei troppo preoccupato per il marchio, una di quelle dimensioni dell’immagine dovrebbe essere sufficiente.

Per i dettagli, controlla il Favicon cheat sheet.

Quando crei un’icona favicon, è una buona idea seguire anche queste best practice:

  • Dovrebbero essere semplici e non eccessivamente stilizzati, quindi saranno facili da vedere in piccole dimensioni.
  • Scegli uno o due colori per la combinazione di colori. Al massimo, non più di tre colori.
  • Le icone Favicon devono essere a 8 o 24 bit.
  • Il design delle icone favicon non dovrebbe includere molte linee o lettere.
  • Sebbene tu possa avere uno sfondo trasparente, è importante notare che i dispositivi Apple non lo consentono.
  • Le icone Favicon dovrebbero corrispondere al tuo marchio e logo esistenti.

Creazione rapida di un logo se non ne hai uno

Come accennato in precedenza, è una buona idea avere la tua icona favicon legata al tuo marchio e al logo attuale. Se non ne hai già uno, puoi crearne uno rapidamente, ad esempio con TailorBrand Logo Maker.

Può generare un logo per te con l’aiuto di un’intelligenza artificiale. Dopo aver risposto ad alcune semplici e veloci domande sullo stile del logo desiderato, incluso il carattere, quindi aver effettuato la registrazione per un account gratuito, vengono generati diversi loghi di alta qualità, professionali e moderni.

Un esempio di logo generato dal sito Web TailorBrand.
Un logo di esempio e supplenti realizzati con TailorBrand Logo Maker.

Se trovi un logo che ti piace, puoi eseguire l’upgrade a un account premium per scaricarlo. Tuttavia, puoi scaricare gratuitamente una versione dell’icona favicon del logo.

Abbiamo elencato 15 produttori di logo online gratuiti se vuoi controllare anche altre opzioni.

I migliori generatori Favicon gratuiti: strumenti online

Se sei interessato a creare icone Favicon che sono più semplicistiche o vuoi semplicemente caricare un’immagine e farla dimensionare in modo appropriato e convertirla in un file di immagine ICO, ecco alcuni generatori di favicon gratuiti.

Non sono in un ordine particolare perché sono tutte ottime opzioni in cui puoi creare un’icona favicon in pochi clic. Dopo aver creato una favicon con una di queste opzioni online, è possibile scaricarla e utilizzarla gratuitamente.

1) Favicon.io

Il generatore di favicon gratuito Favicon.io

Con questo generatore favicon gratuito, puoi creare icone favicon da un testo, un’immagine o un’emoji.

Con l’opzione basata sul testo, puoi scegliere il colore e la forma dello sfondo, la famiglia e le dimensioni del carattere, nonché il colore del carattere. Il generatore Favicon utilizza Google Fonts che ha oltre 800 caratteri disponibili.

In alternativa, puoi scegliere di caricare un file per il generatore favicon per trasformarlo nel dimensionamento appropriato. In alternativa, puoi scaricare un’icona emoicon favicon da un gigantesco elenco di opzioni.

La favicon generata funzionerà per tutti i browser e le piattaforme multiple.

2) Favicon-Generator.org

Il sito Web di Favicon Generator per creare una favicon.

Questo generatore favicon gratuito ti dà la possibilità di caricare un file di immagine e scegliere tra le dimensioni standard di 16 × 16 px per i browser Web o una dimensione più grande adatta per Android, Microsoft e iOS.

Hai la possibilità di conservare le dimensioni attuali dell’immagine invece di ridimensionarle su un quadrato. Tieni presente che mantenere questa opzione selezionata o deselezionata potrebbe distorcere il risultato finale della tua favicon.

Quindi, è meglio assicurarsi che la tua immagine sia già abbastanza vicina ad essere un quadrato.

3) Generatore di favicon reale

Il sito Web Real Favicon Generator per creare icone favicon.

Questo generatore di favicon gratuito è piuttosto unico perché è uno dei pochi nell’elenco che include una sezione di anteprima del simulatore del browser in modo da poter vedere come apparirà l’icona della tua favicon una volta che è stata ridimensionata e convertita.

Puoi anche ottenere dimensioni per tutti i browser, piattaforme e la maggior parte delle tecnologie.

Tuttavia, questo generatore favicon ha solo la possibilità di selezionare un’immagine per la conversione in un’icona favicon.

4) Favicon.cc

Il sito web Favicon.cc

Con questo generatore di favicon gratuito, puoi caricare un’immagine per creare una favicon oppure creare un’icona favicon personalizzata disegnandone una con il mouse.

È possibile scegliere i colori che si desidera utilizzare con un selettore colore e attivare la trasparenza dell’icona favicon.

C’è anche un’opzione per creare icone favicon con un’animazione. Inoltre, sono disponibili impostazioni come mettere l’animazione in un ciclo, modificare ed eliminare i frame.

Questo generatore favicon ha anche una modalità di anteprima, quindi puoi vedere come appare il tuo favicon, una volta pronto.

5) FaviconGenerator.com

Un'opzione generatore di favicon gratuita.

Questo è un semplice generatore di favicon gratuito dove puoi caricare un’immagine e quindi scegliere la dimensione che desideri che sia. È molto semplice, ma è una buona opzione quando vuoi creare rapidamente un’icona favicon senza preoccuparti di impostazioni e opzioni.

Con questo generatore, puoi anche creare favicon per la retina che funzionano con i dispositivi touch Apple. Richiede un po ‘di lavoro extra, ma tutte le istruzioni sono dettagliate sulla loro pagina web.

6) Favicomatic

Il sito web Favicomatic, un generatore di favicon gratuito.

Favic-o-Matic genera favicon, sia ICO che PNG (anche trasparenti).

Puoi caricare un’immagine con questo generatore di favicon gratuito, quindi scegliere se scaricare un file ICO da 16 × 16 e 32 × 32 pixel o includere dimensioni diverse compatibili con tutti i dispositivi.

Esistono anche impostazioni avanzate come la possibilità di modificare il colore di sfondo e alcune opzioni di compatibilità avanzate.

7) Generatore Ionos Favicon

Il sito Web Sonos generatore di favicon gratuito

Ionos Favicon Generator ti consente di disegnare un’icona favicon, utilizzare le iniziali o caricare un’immagine che desideri utilizzare per creare una favicon.

Il risultato è una favicon che funziona su tutti i browser e dispositivi. Ha anche una bella area di anteprima in cui puoi vedere rapidamente come apparirà la tua favicon dal vivo.

8) Sito web Planet Favicon Generator

Sito Web Generatore di favicon gratuito del sito Web Planet per creare una favicon.

Questo generatore di favicon gratuito offre le opzioni per caricare un’immagine (JPG, PNG o GIF) o scegliere da una galleria gratuita di favicon premade.

Potrebbe essere importante notare che se stai cercando di creare icone favicon per la tua attività, probabilmente vorrai creare una favicon che sia il tuo logo o simile ad essa. Quando lo fai, fornisce un aspetto più coerente che è più memorabile.

Pertanto, la scelta di una delle immagini premade potrebbe non essere adatta, soprattutto perché altri siti possono utilizzare esattamente la stessa scelta.

9) RedKetchup Favicon Generator

Il sito Web di Red Ketchup Favicon Generator

Per questo generatore, esiste un’opzione per caricare un’immagine o crearne una con testo.

Se crei icone favicon con il testo, ci sono molte impostazioni, tra cui la modifica della famiglia di caratteri, la dimensione del carattere, il colore di sfondo, il colore del testo e una scala regolabile per alternare il bordo tra un quadrato e un cerchio. Pertanto, è possibile ridimensionare il bordo in modo che abbia bordi arrotondati con rotondità variabile.

Ci sono anche ulteriori opzioni per la compatibilità tra i dispositivi.

10) Genfavicon

Crea icone favicon con il generatore gratuito favicon del sito Web Genfavicon.

Questo generatore di favicon gratuito è unico perché quando carichi un’immagine, hai la possibilità di ritagliarla per renderla favicon.

C’è anche una finestra di anteprima per vedere come apparirà la tua nuova icona favicon dal vivo nel browser di un utente.

Puoi scegliere tra le opzioni di dimensionamento: 16 × 16, 32 × 32, 48 × 48, 64 × 64 e 128 × 128 pixel.

11) FavIcon.pro

Crea icone favicon con il generatore gratuito favicon del sito web Favicon.pro.

Ecco un’altra rapida opzione per un generatore di favicon gratuito. Quando carichi un’immagine per creare una favicon, puoi scegliere la dimensione dell’immagine che desideri utilizzare: 16 × 16, 32 × 32, 48 × 48, 64 × 64 e 128 × 128 pixel.

FavIcon ti consente di convertire JPG, GIF, PNG in tipo di file ICO e puoi usarlo per convertire le icone delle app, le icone del desktop e le favicon nei tuoi siti web.

12) Faviconr

Puoi creare un'icona favicon con il generatore favicon gratuito di Faviconr.

Faviconr è un’altra opzione semplice e veloce per un generatore di favicon gratuito.

Carica un file JPG, PNG o GIF e scegli se vuoi uno sfondo trasparente (puoi creare favicon trasparenti solo se il tuo file sorgente è anche un file PNG o GIF trasparente). Fai clic sul pulsante, salva il file e il gioco è fatto.

13) ICOConvert

Il sito Web IcoConvert

Questo generatore di favicon gratuito è piuttosto unico perché dopo aver caricato un’immagine che vuoi usare per creare una favicon, puoi ritagliarla e modellarla.

Ci sono opzioni per modellare il bordo in diverse forme tra cui un quadrato, a forma di cuore, quadrato decentrato, un cerchio, una forma di cuore inclinata o un quadrato e un’opzione per scegliere un bordo bianco.

Puoi anche scegliere di scaricare favicon come file ICO o PNG con più opzioni di dimensionamento tra cui 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 96 × 96, 128 × 128, 192 × 192 e 256 × 256 pixel. C’è anche un’opzione per creare icone favicon per computer Windows 7, 8, Vista e XP.

Questo generatore favicon gratuito include anche opzioni per la compressione e la conversione di file da PNG a SVG.

14) Wizlogo Favicon Generator

Il generatore di favicon gratuito di Wizlogo per creare icone favicon

Wizlogo è un’altra semplice opzione per un generatore di favicon gratuito. Tutto quello che devi fare è selezionare un’immagine da caricare, quindi selezionare un file ICO 32 × 32 o un’icona favicon per web, iOS, Windows e Android. E hai finito.

Wizlogo può essere utilizzato anche come produttore di logo gratuito.

15) FavICO

Il sito web di Favico

FavICO è un’ultima opzione di base per un generatore di favicon gratuito. Carica un’immagine che desideri utilizzare per creare una favicon. Quindi, scegli tra 16 × 16 o 32 × 32 pixel e premi crea. E questo è tutto.

Come installare un’icona Favicon

Dopo aver utilizzato uno dei generatori di favicon gratuiti per creare un’icona favicon, puoi installarlo in modo che possa essere visualizzato per il tuo sito Web.

Per i siti regolari o non WordPress, prima di tutto, carica l’icona favicon sulla radice del tuo server.

Quindi, a partire dal tag del file index.html, utilizzare il codice ufficiale di seguito dal W3C:

...


...

Assicurati di cambiare “https://example.com/myicon.png” con il link effettivo alla tua icona favicon.

Inoltre, modifica “image / png” per riflettere il tipo di file immagine che stai utilizzando per la favicon.

Ecco i tipi di immagine per sostituire “image / png” che sono compatibili quando si tratta di creare una favicon:

  • File immagine PNG – image / png
  • File di immagine GIF – image / gif
  • File di immagine ICO – image / x-icon
  • File di immagine SVG – image / svg + xml

Non dimenticare di salvare il file.

Nella maggior parte dei casi, i generatori di favicon gratuiti elencati sopra generano anche il codice necessario specifico per le impostazioni scelte, ad esempio per le animazioni o la compatibilità. Quindi, se questo codice non funziona, puoi fare riferimento al generatore di favicon che hai usato per creare una favicon per il tuo sito Web.

Installazione automatica di un’icona Favicon in WordPress

Per i siti WordPress, puoi creare un’icona favicon senza dover utilizzare uno dei generatori favicon gratuiti elencati sopra.

Puoi utilizzare qualsiasi immagine desideri purché sia ​​larga almeno 512 px.

Per installarlo automaticamente, accedi al tuo sito WordPress ospitato autonomamente e nella dashboard di amministrazione, vai a Aspetto> Personalizza.

Dopo aver caricato il Personalizzatore, fai clic su Identità del sito nel menu a sinistra. Quindi, sotto Icona del sito, clic Seleziona immagine.

Il personalizzatore in WordPress
Puoi creare automaticamente icone favicon in WordPress.

Nella finestra pop-over, fare clic su Caricare files scheda, quindi su Seleziona i file. Scegli un’immagine che desideri dal tuo computer.

Clic Selezionare, quindi ritaglia l’immagine, se necessario, e fai clic Ritaglia l’immagine. Oppure, puoi lasciare l’immagine così com’è e fare clic Salta il ritaglio.

Quindi, salva le modifiche facendo clic su Pubblicare nel pulsante Personalizzatore.

Installa manualmente un Favicon per i siti WordPress

Per installare manualmente la tua favicon che è un file ICO per WordPress, prima carica la favicon nella radice del tuo sito Web e nella radice del tema corrente.

Assicurati che il file sia denominato “favicon.ico” altrimenti l’icona favicon non verrà visualizzata.

Questo dovrebbe fare il trucco, ma alcuni browser meno recenti potrebbero non notare la tua favicon, quindi c’è un ulteriore passo che puoi fare per garantire la compatibilità.

Trova il tuo file header.php tramite SFTP o il pannello di controllo del tuo provider di hosting.

Aprilo e cerca la riga di codice simile all’esempio seguente:

...

...

Poi, sostituirlo con il codice qui sotto o aggiungilo se non c’è:

...

...

Salva il file e il gioco è fatto.

Avvolgendo

Qualcosa di così piccolo come un’icona favicon può sembrare insignificante all’inizio, ma aiuta con il riconoscimento del marchio e l’esperienza dell’utente. Questi generatori di favicon gratuiti dovrebbero fare il trucco per creare icone di favicon da aggiungere al tuo sito web.

Qualcosa che abbiamo perso? Lascia un commento qui sotto.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map