Generatore favicon

Crea favicon da un'immagine online

I siti web necessitano di più dimensioni delle icone per le schede del browser, i segnalibri, le schermate Home di iOS e le app Web progressive. Questo strumento crea il set completo da un'immagine sorgente.

Come generare favicon

1. Carica un'immagine PNG, JPG o WebP (idealmente quadrata, almeno 512×512 px).
2. Fai clic su Genera favicon per creare tutte le dimensioni.
3. Scarica singoli file, prendi il file ZIP o copia lo snippet HTML nell'intestazione del tuo sito.

Cosa fa Favicon Generator

Questo strumento basato su browser ti aiuta a creare un set di favicon da un'immagine senza installare software desktop o inviare il file selezionato a un server di elaborazione delle immagini. Crea icone PNG da 16 a 512 pixel, un favicon.ico multi-dimensione, uno ZIP e uno snippet HTML. L'editor è intenzionalmente focalizzato: espone i controlli necessari per questa attività e mostra il risultato prima di salvarlo.

I controlli disponibili riguardano il ritaglio sorgente, le anteprime delle dimensioni generate, i singoli download e il download ZIP. Utilizza il file originale quando possibile, controlla l'anteprima con un ingrandimento adeguato e conserva intatto il file originale dopo il download. Uno strumento del browser può rendere conveniente la modifica richiesta, ma non può ricreare i dettagli mancanti o giudicare se un'immagine è adatta per ogni destinazione.

Un flusso di lavoro passo dopo passo affidabile

1. Scegli un'immagine sorgente chiara in uno dei formati mostrati nel campo di caricamento.
2. Attendere che venga visualizzata l'anteprima e confermare che l'orientamento, i colori e la trasparenza siano come previsti.
3. Regola il ritaglio sorgente, le anteprime delle dimensioni generate, i singoli download e il download ZIP. Apporta una modifica significativa alla volta in modo che sia facile confrontare il risultato.
4. Ispeziona testo piccolo, volti, bordi e aree trasparenti prima del download.
5. Salva il risultato con un nome file descrittivo e conserva l'originale separatamente.

Se la destinazione specifica dimensioni in pixel, peso del file o un formato particolare, verifica tali requisiti in modo indipendente. La modifica dell'aspetto non soddisfa automaticamente un limite di dimensione e la conversione o la compressione successiva potrebbero modificare nuovamente il risultato.

Comprendere i controlli e il file scaricato

Il set generato include dimensioni comuni di browser, Apple Touch e PWA. Una sorgente quadrata di almeno 512 × 512 pixel normalmente fornisce l'icona più pulita e grande.

L'anteprima dal vivo è progettata per mostrare il risultato visivo desiderato, mentre il file scaricato è l'elemento da ispezionare prima della pubblicazione. Le anteprime del browser possono essere ridimensionate per adattarsi alla pagina, quindi apri il file salvato al 100% quando sono importanti la nitidezza, l'allineamento o i caratteri piccoli. Evita di modificare e salvare ripetutamente un JPG con perdita quando hai ancora l'originale disponibile.

Usi pratici

• Aggiungi una favicon a un nuovo sito web.
• Prepara le icone delle app per un manifest web.
• Sostituisci un'icona obsoleta del browser a bassa risoluzione.

La stessa operazione può far parte di un flusso di lavoro più lungo. Una sequenza tipica consiste nel ritagliare prima le aree indesiderate, eseguire la modifica creativa, ridimensionare alle dimensioni finali dei pixel e comprimere solo alla fine. Ciò evita di spendere tempo di elaborazione su pixel che verranno successivamente rimossi e ti consente di giudicare la compressione sull'immagine finale effettiva.

Qualità, precisione e limitazioni importanti

Generazione ridimensiona la stessa grafica; non ridisegna piccoli dettagli. Il testo sottile e le linee sottili potrebbero scomparire a 16 pixel, quindi controlla l'anteprima a dimensioni reali.

La qualità del risultato dipende soprattutto dal file originale. Un originale ad alta risoluzione normalmente lascia più spazio per il ritaglio e il ridimensionamento, mentre un piccolo screenshot o un download precedentemente compresso potrebbero già contenere sfocature, aloni o artefatti a blocchi. Il salvataggio di un nuovo file non può ripristinare i dettagli assenti dall'originale. Quando la precisione è importante, confronta il file finito fianco a fianco con l'originale.

Elaborazione privata nel browser e prestazioni del dispositivo

L'immagine selezionata viene elaborata localmente da JavaScript e dalle API Canvas del browser. L'operazione di modifica non richiede il caricamento del file sul server Image Online Free. Ciò è utile per le normali immagini personali e di lavoro, ma dovresti comunque controllare dove vengono archiviate le copie scaricate e chi può accedere al tuo dispositivo.

Le immagini di grandi dimensioni richiedono più memoria perché il browser deve decodificare il file compresso in pixel. Una foto scattata con una fotocamera moderna può occupare molta più memoria di quanto suggerisca la dimensione del file. Se una scheda del telefono diventa lenta, chiudi le applicazioni inutilizzate, elabora un file di grandi dimensioni alla volta o ridimensiona una copia prima di applicare l'effetto.

Errori comuni da evitare

• Sostituzione dell'unica copia dell'originale con un risultato modificato o compresso.
• Giudicare la nitidezza solo da una piccola anteprima ridimensionata invece di aprire il download.
• Dare per scontato che una modifica visiva soddisfi anche le dimensioni di un sito web o la regola sulla dimensione massima del file.
• Ignorare la trasparenza quando ci si sposta tra PNG, WebP è JPG.
• Applicare più salvataggi con perdita quando il flusso di lavoro completo potrebbe ricominciare dall'originale.

Continua con lo strumento correlato giusto

Scegli l'operazione successiva in base al requisito finale. Il ridimensionamento modifica le dimensioni dei pixel, il ritaglio rimuove parte del fotogramma, la compressione mira al peso del file e la conversione modifica il formato del file. Si tratta di attività separate, anche quando una destinazione ne richiede diverse insieme.

Domande frequenti

Il file ICO contiene immagini PNG reali?

Sì. favicon.ico è realizzato con dati PNG incorporati per 16×16, 32×32 e 48×48 pixel, compatibile con i browser moderni.

Dove incollo lo snippet HTML?

Aggiungi i tag copiati all'interno della sezione del tuo HTML, modificando i percorsi se memorizzi le icone in una sottocartella.

La mia immagine è stata caricata?

No. La generazione delle icone avviene interamente nel tuo browser.