Strumenti95

CREA QUALCOSA DI FANTASTICO

Generatore di favicon / ICO.

Crea favicon da un'immagine o da un testo. Visualizza l'anteprima delle schede del browser, usa i font di sistema e scarica una ICO multi-dimensione o un file ZIP di icone per siti web, Apple e Android.

Pubblicità
Il tuo spazio di lavoro immagini
Sul tuo dispositivo
o trascina e rilascia qui
PNG, JPG, JPEG, WEBP, GIF
Scegli la tua immagine per iniziare.IMMAGINE
Pubblicità
Blog Come creare una favicon Leggi la guida

Crea una favicon che rimanga nitida a ogni dimensione

Trasforma un logo, un'immagine o un breve monogramma in una favicon per siti web. Visualizza l'anteprima su schede del browser chiare e scure, rifinisci l'inquadratura e scarica un ICO multi-dimensione o un file ZIP pronto per il sito web con icone e file di installazione.

Un segno chiaro diventa l'icona per browser, segnalibri e siti web mobile.
VIDEO TUTORIAL RAPIDO How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Narrazione in inglese Guarda il video

How to create a favicon and website icon package

Funzionalità e controlli

Inizia con un'immagine o le tue iniziali

Carica un'immagine o scegli Testo nella pagina dello strumento.

Input immagine e testo

L'immagine accetta PNG, JPG, JPEG, WebP o GIF. Testo apre lo stesso editor con le tue lettere pronte per essere stilizzate. Crea da ti consente di passare dall'immagine caricata a un monogramma. Usa uno o due caratteri semplici per il risultato più nitido a 16 pixel. L'input GIF utilizza un fotogramma fisso; il risultato non è animato.

Valuta l'icona dove apparirà

Le anteprime del browser chiare e scure mostrano la stessa icona su superfici diverse.

Anteprime a dimensione reale

L'editor mostra un'anteprima della scheda del browser da 16 pixel, icone separate da 16, 32 e 48 pixel e un'anteprima Apple Touch. Le icone piccole rivelano dettagli che scompaiono quando un logo grande viene ridotto. Semplifica la sorgente o aggiungi spazio attorno ad essa finché l'anteprima più piccola non è riconoscibile. L'immagine Apple Touch viene visualizzata più piccola della sua dimensione esportata di 180 pixel.

Dai alla tua opera una silhouette chiara

Scegli un quadrato arrotondato, un quadrato o un cerchio e regola lo spazio attorno al contenuto.

Adattamento, spaziatura e trasparenza

Mostra l'intera immagine mantiene tutti i bordi sorgente all'interno dell'icona. Riempi icona copre l'area disponibile e potrebbe ritagliare i bordi. Spazio attorno al contenuto regola il riempimento dal 0 al 35 percento. Scegli Sfondo o abilita Sfondo trasparente. I pixel trasparenti al di fuori di una silhouette arrotondata o circolare rimangono chiari. Questo non rimuove uno sfondo opaco già presente nell'immagine caricata.

Crea un monogramma distinto

Imposta le lettere, il carattere e i colori contrastanti.

Stile del testo

Testo / monogramma supporta fino a tre caratteri con gli stili Modern sans, Classic serif e Monospace inclusi. Sui browser desktop supportati, seleziona Usa caratteri di sistema e consenti l'accesso ai caratteri per popolare l'elenco Caratteri con le famiglie installate sul tuo dispositivo. Scegli una famiglia per aggiornare l'anteprima dal vivo, o usa le frecce precedente e successiva per confrontare i caratteri vicini. I nomi e i file dei caratteri non vengono caricati. Il testo si adatta automaticamente allo spazio disponibile. Visualizza l'anteprima delle dimensioni dell'icona più piccole dopo aver cambiato carattere o colore.

Scegli ICO o un pacchetto completo per il sito web

Un'azione di Avvio crea il download selezionato.

File e dimensioni

Il formato multi-dimensione ICO include immagini da 16, 24, 32, 48, 64, 128 e 256 pixel in un unico file favicon.ico. Il pacchetto icone per siti web crea un file ZIP contenente tale ICO, PNG icone da 16, 32 e 48 pixel, un'icona Apple Touch da 180 pixel, icone Android da 192 e 512 pixel, un manifest web e INSTALL.txt. Il nome del sito web fornisce il nome del manifest.

Installa le icone sul tuo sito web

Il file ZIP include i tag link HTML e i nomi file corrispondenti.

Utilizzo dei file di installazione

Carica il contenuto del pacchetto nella root del sito e copia i tag link da INSTALL.txt nell'head della pagina. Se tieni le icone in una sottocartella, aggiorna i percorsi HTML e i percorsi all'interno di site.webmanifest. Svuota la cache della favicon o testa in una nuova scheda quando verifichi un aggiornamento. Il manifest generato è una configurazione di icone, non un'installazione completa di una progressive web app.

File ed elaborazione

Input
PNG, JPG, JPEG, WebP, GIF o un monogramma testuale
Output
Un file ICO multi-dimensione, o un file ZIP di icone per siti web e file di installazione

25 MB massimo per file. Un file di input per esecuzione.

Un'immagine fino a 25 MB, con un massimo di 60 megapixel e 16,000 pixel per lato. Le dimensioni ICO variano da 16 a 256 pixel; il PNG confezionato più grande è di 512 × 512 pixel.

La generazione e l'anteprima delle icone avvengono sul tuo dispositivo. Lo strumento non carica l'immagine selezionata per la conversione.

Questo strumento elabora ed esporta file nel tuo browser. L'immagine scaricata è un file separato; la sorgente sul tuo dispositivo non viene sovrascritta.

Aggiornare un editor o una pagina di download ti riporta alla pagina dello strumento. Scarica il risultato prima di iniziare un nuovo flusso di lavoro. Consulta la nostra Informativa sulla privacy per la gestione dei file.

FAQ

Buono a sapersi.

Alcune risposte prima di iniziare.

Sul tuo dispositivo
Posso creare una favicon senza caricare un logo?

Sì. Seleziona Testo, inserisci le tue iniziali, quindi scegli il font, i colori, la forma e la spaziatura nell'editor.

Quali dimensioni sono presenti nel file ICO?

Il file ICO contiene sette frame basati su PNG: 16, 24, 32, 48, 64, 128 e 256 pixel quadrati. Il browser seleziona il frame appropriato.

Cosa è incluso nello ZIP del sito web?

Contiene favicon.ico, sei icone PNG per browser, Apple e Android, site.webmanifest e INSTALL.txt con i tag link HTML.

La mia favicon può avere uno sfondo trasparente?

Sì. Abilita Sfondo trasparente. Questo preserva le aree trasparenti attorno alla fonte; non rimuove uno sfondo opaco da una foto.

L'immagine viene caricata per la conversione?

No. Questo strumento genera e impacchetta i file delle icone nel tuo browser. Conserva i file scaricati perché l'editor non è un archivio permanente per i progetti.

Posso usare i font installati sul mio computer?

Sì, quando il tuo browser supporta l'accesso ai font locali. Scegli Testo / monogramma, seleziona Usa font di sistema e concedi il permesso al browser. Le tue famiglie di font disponibili appariranno nell'elenco Font. Gli stili inclusi rimangono utilizzabili se il permesso viene negato o se l'accesso ai font locali non è disponibile.

Pubblicità

Lingua38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Scegli la tua lingua. I video tutorial utilizzano attualmente la narrazione in inglese.