Solo per un Periodo Limitato - Risparmia fino al 80 %

+ Dominio GRATUITO per 1 anno

L'affare termina tra:

03 :

10 :

30 :

23

Zyro blog

Tutti gli argomenti
Blog eCommerce Design Elementi essenziali del web Idee imprenditoriali Ispirazione Marketing Suggerimenti piccole imprese

16 Migliori Generatori di Favicon Online del 2021

Лучшие онлайн генераторы фавиконов

Il modo in cui la maggior parte delle persone naviga online è avere una selezione dei propri siti web preferiti e più visitati aperti su schede diverse contemporaneamente.

È abbastanza ragionevole supporre che la maggior parte di noi probabilmente abbia Facebook, Youtube e Google aperti in un dato momento. Forse il tuo browser ha anche le tue email e anche il tuo sito di notizie preferito aperti.

Con così tante cose in corso in qualsiasi momento, come facciamo a tenere traccia di quale scheda si tratti senza dover fare click su ogni scheda ogni volta?

Favicon.

Questo articolo elenca i 16 migliori generatori di favicon che puoi trovare sul web. Ti dirà anche come generare immagini favicon su ogni sito web, oltre a come aggiungere una favicon al tuo sito una volta sviluppato.

1. favicon.zyro.com

Generatore Favicon Zyro

Il generatore favicon di Zyro è uno strumento gratuito con diverse funzioni utili.

Puoi caricare la tua immagine scelta sul sito web, oppure puoi utilizzare le numerose icone preimpostate progettate professionalmente.

Utilizzando lo strumento di modifica, è possibile modificare il layout della favicon e aggiungere o rimuovere del testo per includere il nome del brand o semplicemente optare per una monografia.

Inoltre, puoi modificare il colore di sfondo per adattarlo all’estetica del tuo brand.

Una volta che sei soddisfatto del risultato finale, scarica semplicemente l’immagine in un formato che puoi utilizzare subito.

2. Favicon-generator.org

Generatore favicon Favicon.ico

Favicon.ico e App Icon Generator possono convertire i formati di file immagine JPG, PNG e GIF in un file favicon.ico.

Il generatore favicon è capace anche di creare favicon di tutte le dimensioni per adattarsi alla piattaforma utilizzata: web, Android, Microsoft e iOS.

Quando fai click su Crea Favicon, verrà creato del codice da copiare nell’intestazione del documento HTML. Per riferimento, se hai fatto tutto correttamente, il codice HTML sarà simile a questo per una favicon standard 16×16:

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

Quindi aggiungi la cartella .zip scaricata alla directory principale del tuo sito web.

Se non hai ancora un’immagine, approfitta del suo editor online e creane una tu stesso.

Puoi anche scegliere un template già pronto dalla galleria d’icone, ordinato per colore di sfondo e puoi modificarlo a tuo piacimento.

3. Favlcon.pro

Generatore di favicon - favicon.pro

FavIcon Generator è ideale per convertire i formati d’immagine JPG, PNG e GIF in file favicon.ico. Tuttavia, a differenza di Favicon.ico e App Icon Generator, non ha un editor.

Questo favicon generator offre molte opzioni per la dimensione dell’immagine: 16×16, 32×32, 48×48, 64×64 e 128×128 pixel.

Tutto quello che devi fare è scegliere la dimensione dell’icona di cui hai bisogno, quindi caricare l’immagine che vuoi trasformare in una favicon.

FavIcon Generator è disponibile in sei lingue: inglese, spagnolo, portoghese, francese, italiano e tedesco per soddisfare gli utenti globali.

4. Favicon Generator – Dynamic Drive

Questo generatore di favicon è compatibile con i formati d’immagine PNG, JPG, GIF e BMP. Accetta anche immagini con uno sfondo trasparente.

La dimensione predefinita del file favicon.ico che otterrai è 16×16 pixel. Tuttavia, hai la possibilità di scaricare anche icone di dimensioni 32×32 e 48×48 pixel.

Puoi navigare nella sezione Favicon Editor per progettare la tua favicon da zero. In alternativa, importa un’immagine PNG da 16×16 pixel e usala come disegno di base.

L’editor fornisce strumenti di modifica semplici ma funzionali, insieme a molte opzioni di colore e dimensione del pennello.

5. Favicon.cc

Generatore di favicon - FaviconCC

Favicon CC accetta i formati di immagine JPG, JPEG, GIF, PNG, BMP, ICO e CUR.

L’editor di favicon gratuito offre un selettore di colori e una funzione trasparente. Questi ti consentono di progettare icone di sfondo sia colorate che trasparenti senza sforzo.

Inoltre, l’editor fornisce una funzione di animazione con la quale puoi animare la tua favicon. Puoi decidere la durata dell’effetto per fotogramma e il numero d’iterazioni.

Puoi scaricare il file ICO gratuitamente. Per ottenere lo script HTML, è necessario pubblicare l’icona con la licenza Creative Commons.

6. Genfavicon

Generatore favicon - Genfavicon

Genfavicon supporta i formati d’immagine JPEG, GIF e PNG ed è in grado di generare favicon di cinque dimensioni diverse.

Importa la tua immagine nel generatore e seleziona la dimensione dell’icona desiderata. Puoi ritagliarlo e visualizzare in anteprima il risultato prima di scaricare il file ICO.

Sebbene il generatore sia facile da usare e gratuito, non ha un editor che ti consenta di progettare una favicon da zero.

Simile a FavIcon.pro, Genfavicon è disponibile in varie lingue per assistere gli utenti in tutto il mondo.

7. Favic-o-Matic

Generatore di favicon - Favicomatic

Questo favicon generator ti dà la possibilità di generare un singolo file favicon.ico. In alternativa, scarica in blocco immagini PNG di dimensioni diverse insieme a un file ICO per varie piattaforme, tutto in un click.

Favic-o-Matic ti fornisce anche il codice HTML per tutti i file generati. Puoi soddisfare tutte le esigenze della tua favicon in un unico posto.

Dato che supporta l’integrazione di Google Drive, hai la possibilità di salvare i file direttamente sul tuo account.

Verifica la compatibilità della favicon del tuo sito web con diversi browser e dispositivi utilizzando Favic-o-meter, uno strumento gratuito per il controllo delle favicon.

Ti aiuterà a verificare se il tuo sito web implementa correttamente l’icona di collegamento e fornirà suggerimenti su come risolvere i problemi presenti.

8. RealFaviconGenerator.net

Generatore favicon - real favicon generator

RealFaviconGenerator.net offre opzioni di modifica delle favicon per migliorare la compatibilità della tua favicon con le piattaforme più diffuse.

Include opzioni di personalizzazione per la tua favicon per schermi mobile, come la touch bar di Apple e la schermata iniziale di Android Chrome.

Quando si progetta la favicon, è possibile vedere come appare nelle schede del browser e nella barra degli indirizzi. Non dovrai procedere per tentativi ed errori.

La funzione demo ti consente anche di modificare il colore di sfondo, i margini e le dimensioni dell’immagine. Puoi anche scegliere le specifiche della favicon in base alle versioni dei sistemi operativi.

Il prodotto finale include file favicon PNG, ICO e SVG. Il generatore fornisce diversi set di codici favicon compatibili con linguaggi di programmazione specifici.

Hai bisogno di ispirazione per il design del sito web? Continua a leggere:

9. Xiconeditor.com

Generatore favicon - xicon favicon

X-Iconeditor è un potente generatore favicon online. È uno dei pochi strumenti a offrire uno strumento matita, uno strumento pennello, una gomma e un editor di testo per coloro che desiderano creare la propria favicon da zero.

Naturalmente, c’è una semplice funzione di caricamento delle immagini se non vuoi creare favicon da zero. Carica un’immagine che desideri rappresenti il tuo brand e ritagliala direttamente nel generatore.

Puoi anche visualizzare in anteprima la tua favicon prima di scaricarla, così saprai esattamente come apparirà l’immagine nei browser web.

Quando sei soddisfatto, esporta semplicemente il file e scaricalo nella directory principale del tuo sito web.

Per definire la favicon e indicare che l’icona è disponibile per il browser, utilizza il tag <link> nell’elemento della pagina <head>, puntando alla posizione della favicon:

Sarà proprio così:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com

Come suggerisce il nome, Anti Favicon è leggermente diverso dalla maggior parte dei favicon generator disponibili. Non utilizza un file immagine per creare l’icona.

Un’icona Anti Favicon contiene testo invece d’immagini. Gli utenti possono utilizzare un selettore di colori per creare favicon che corrispondano alla tavolozza dei colori del loro sito web.

Per generare la tua favicon, digita il tuo testo e sperimenta con colori diversi. Quando sei pronto, puoi salvare la tua favicon facendo click su “Salva come file favicon“.

Anti Favicon è uno dei generatori favicon più unici in circolazione e merita una visita.

11. Generatore Favicon Online Webestools

Webestools.com fornisce un generatore favicon online gratuito che consente agli utenti di caricare un file immagine sul sito web e modificarlo direttamente.

Gli utenti che desiderano un processo più coinvolgente possono sfruttare gli strumenti per il colore e l’editor online per creare le proprie favicon da zero.

Il generatore favicon di Webestools offre solo favicon nelle dimensioni di 16×16 o 32×32, ma consente agli utenti di visualizzare in anteprima le proprie favicon prima di scaricare il file ICO.

Nel complesso, è un generatore di favicon semplice ed efficiente che esegue il lavoro senza problemi aggiuntivi.

12. logaster.com

Generatore favicon - logaster

Il generatore favicon di Logaster fa un passo avanti rispetto alla concorrenza ed è una scelta eccellente per i siti web che non hanno già deciso la propria identità di brand.

Piuttosto che iniziare con un’immagine, questo generatore di favicon inizia chiedendoti di utilizzare il generatore d’identità del brand Logaster. Inserisci il nome del tuo brand e Logaster creerà diverse opzioni di logo, che tradurrà quindi in una favicon di alta qualità su tutta la linea.

Logaster è un servizio professionale in grado di creare favicon in un set completo di diverse dimensioni (16-128 px). È uno degli unici servizi premium in questo elenco ed è importante notare che non ti consente di caricare la tua immagine.

Il favicon generator di Logaster è un’ottima opzione per i brand che devono ancora creare il proprio logo.

13. favico.com

Il generatore favicon di FavIco è veloce, gratuito e facile da usare. Usalo per convertire un’immagine GIF/JPG/PNG in formato ICO da utilizzare come favicon.

È un semplice generatore di favicon con un’interfaccia utente pulita. Seleziona un’immagine dal tuo computer da caricare e seleziona la dimensione della favicon che desideri: in questo caso, è 16×16 o 32×32 e sei pronto per iniziare.

Una caratteristica interessante di FavIco è che la favicon creata viene salvata in una galleria online. Puoi confrontare più favicon create prima del download.

14. faviconit.com

Generatore favicon - faviconit

Favicon It offre alcune variazioni differenti sullo standard output di un generatore favicon.

Con Favicon It, segui la procedura standard di caricamento delle immagini, ma dove molti siti web offrono solo una favicon di 16px o 32px – Favicon It genera favicon, icone touch apple e intestazione HTML per tutti i dispositivi e browser.

Favicon It richiede che la tua immagine sia un quadrato di almeno 310px per creare una favicon. Se la tua immagine non soddisfa questi requisiti, Favicon It si collega automaticamente a un sito web di ridimensionamento delle immagini gratuito e facile da usare.

15. prodraw.net

Il generatore favicon Prodraw è uno strumento online gratuito che ti aiuta a convertire loghi, immagini e foto in una favicon.

Ha un supporto per il formato di file migliore rispetto a molti generatori favicon in questo elenco e non è solo in grado di supportare i normali formati di file JPG, GIF, PNG, ma anche BMP e TIF.

Uno dei vantaggi dell’utilizzo del generatore favicon prodraw è che offre molti consigli diretti per l’utente. La maggior parte dei siti web elenca semplicemente i formati compatibili e le dimensioni delle favicon disponibili.

Prodraw si impegna a chiarire le differenze. Ad esempio, se desideri una favicon con uno sfondo trasparente, sarebbe saggio caricare un’immagine in formato GIF o PNG.

Prodraw spiega anche il miglior utilizzo per ciascuna dimensione di ogni output. Ad esempio, 32×32 (icona sul desktop), 48×48 (icona grande di XP) fino a 128×128 pixel (dimensione dell’icona di Windows Vista) nel formato dell’icona *.ICO.

Sebbene alcuni di questi formati siano obsoleti, riutilizzare le stesse dimensioni per gli strumenti moderni è un’opzione. Ad esempio, 128px è la dimensione corrente corretta per una favicon del web store di Google Chrome.

Prodraw è anche in grado di generare icone con diversi livelli di nitidezza. Ti consentirà di confrontare i risultati e scegliere l’icona giusta per il tuo progetto.

16. icoconverter.com

Ico converter fa quello che dice.

È un semplice convertitore d’immagini .ico online e generatore favicon. Prenderà qualsiasi immagine e la convertirà in un file ICO, da utilizzare come favicon del sito web o applicazione Windows.

ICO converter ti consente di scegliere le dimensioni della favicon che desideri includere nell’ICO finale. Offre 16px, 32px, 48px, 64px, 128px e 256px.

A differenza di molti dei suoi concorrenti, ICO converter ti consente anche di scegliere la profondità di bit finale della tua favicon. Scegli tra una profondità di 8 bit (256 colori, tavolozza) o 32 bit (16,7 milioni di colori e trasparenza alfa).

In questo modo, ICO converter soddisfa sia gli stili favicon più moderni che quelli classici.

Cos’è una favicon?

casella di posta sul computer

Le favicon, abbreviazione di icone preferite, sono le piccole icone che vedi su ogni scheda del browser, barra di ricerca, segnalibri, estensioni e cronologia delle ricerche che identifica il sito web in questione.

Una favicon rappresenta un sito web. Generalmente appare nella barra degli indirizzi del browser, nelle schede, nell’elenco dei segnalibri, sebbene le favicon possano anche essere visualizzate come icone del desktop o icone di app.

La maggior parte delle aziende sceglie di utilizzare il proprio logo come favicon, poiché è più facilmente identificabile. Pensa all’iconico uccellino blu di Twitter o al simbolo del “pulsante di riproduzione” che è sinonimo di Youtube.

Altri brand utilizzano un logo monogramma a una lettera presentato in colori sgargianti come favicon.

L’aggiunta di una favicon al tuo sito aiuta a stabilire il tuo brand e la tua credibilità. Generalmente è un segno di legittimità su un sito web. Dimostra che il brand sta investendo tempo e denaro nel servizio per conferirgli un aspetto coerente e professionale.

Poiché una favicon è una parte significativa del brand di un sito web, è fondamentale avere un’icona dal design unico e memorabile. Deve essere abbastanza semplice da consentire ai visitatori di riconoscerlo facilmente.

I vantaggi dell’aggiunta di una favicon al tuo sito web includono:

  • L’aggiunta di credibilità al sito
  • Il migliorare il riconoscimento del brand su diverse piattaforme
  • L’aiutare gli utenti a individuare il sito web tra le altre schede e segnalibri
  • Il migliorare la navigazione e l’esperienza dell’utente

E se il tuo sito web è legittimo, ma ti manca il tempo o il know-how di progettazione grafica per creare favicon? Desideri comunque che i tuoi utenti possano vedere il tuo logo o icona nei loro browser web.

In tal caso, puoi utilizzare uno dei migliori generatori di favicon per crearne una in pochissimo tempo.

Come aggiungere una favicon al tuo sito web

Cellulare che mostra codice href

Creare la tua favicon è facile come scegliere uno dei migliori generatori di favicon dall’elenco sopra e caricare un file immagine.

Tutti i generatori favicon che abbiamo scelto in questo articolo faranno il duro lavoro per te. Se disponi di un file immagine adatto, potrai ottenere una fantastica favicon.

Anch se la maggior parte dei browser accetta favicon nei formati d’immagine GIF, ICO, PNG e JPG, l’ICO è il formato ideale grazie alla sua inclusione di più dimensioni d’icone in un unico file.

Per aggiungere una favicon al tuo sito web, dovrai avere familiarità con un po’ di codice HTML di base. Quando crei una favicon, vedrai questa riga abbastanza spesso:

link rel=”shortcut icon”

Se stai pensando cosa diavolo significa link rel=”shortcut icon”? Non preoccuparti. Non sei solo.

Per cominciare, non devi scrivere questo codice. Ogni generatore favicon nell’elenco lo scriverà per te. Scarica semplicemente il file fornito nella directory del tuo sito e incolla l’HTML nell’intestazione del tuo sito web.

L’elemento LINK definisce un collegamento al file Favicon che hai scaricato. Semplice.

C’è un modo per evitare tutto il codice usando un generatore favicon visivo come quello Zyro.

Creerai una favicon visiva che potrai quindi scaricare e utilizzare sia sui costruttori di siti web che sui sistemi CMS. Carica semplicemente l’immagine e il gioco è fatto.

Che dimensione dovrebbe avere una favicon?

Disegni icona

Le dimensioni standard della favicon sono 16×16 e 32×32 pixel. Tuttavia, piattaforme diverse, come le icone delle app, richiedono solitamente favicon di dimensioni diverse per una migliore visibilità.

Ecco un elenco completo delle dimensioni attuali delle favicon e del relativo utilizzo:

  • 16×16 pixel (browser standard)
  • 32×32 (icone desktop)
  • 128×128 (icona Web Store Chrome)
  • 152×152 (icona iPad touch)
  • 167×167 (icona iPad Retina touch)
  • 180×180 (App Google Developer Web)
  • 196×196 (icona Chrome per Android)

Troverai un generatore favicon in grado di creare file in ciascuna di queste dimensioni nel nostro elenco dei migliori generatori di favicon.

Riepilogo favicon generator

Nonostante le sue piccole dimensioni, una favicon è una componente cruciale di un sito web. Se il tuo sito non ne ha ancora una, dovresti crearla ora.

Con un generatore favicon, chiunque può progettare un’icona accattivante in pochi secondi. A seconda dello strumento, puoi creare una favicon da zero o utilizzare un’immagine esistente come design di base.

Ogni generatore favicon in questo elenco è una scelta competente per il tuo sito web. Considera semplicemente le funzionalità di cui avrai bisogno e scegli di conseguenza.

Ricorda che un file ICO può contenere più dimensioni di file diverse. Quindi, non è necessario crearne più di uno anche se si desidera creare più di un tipo di favicon.

Scritto da

Avatar dell'autore

Michela

Michela si focalizza sulle tendenze del marketing digitale e sull'aiutare le aziende ad avere successo online, con un particolare interesse per la creazione di siti web e di e-commerce. Nel suo tempo libero le piace sedersi davanti un buon libro e ascoltare musica.

Unisciti alla conversazione

L'indirizzo email non verrà pubblicato. Tutti i campi sono obbligatori.