QuokkaPix

Generatore favicon

Crea favicon e icone applicazione da un’immagine

Usa questa pagina quando un logo o segno quadrato deve diventare un pacchetto icone per sito, web app o PWA. QuokkaPix esporta dimensioni PNG comuni localmente, così puoi controllare nitidezza e margini prima di aggiungere i file al progetto.

Nessun uploadLocale nel browserGratis
Il pulsante qui sotto apre l’editor QuokkaPix con questo strumento già selezionato.

Cosa fa questo strumento

Genera favicon, Apple touch icon e icone PNG PWA localmente nel browser senza caricare il logo.

16 a 512 px
ZIP locale
Icone web e PWA

Come funziona

1
Carica un logo quadrato o centrato.
2
Apri il pacchetto favicon/app icon.
3
Controlla margini, contrasto e forma nelle dimensioni piccole.
4
Scarica lo ZIP con icone PNG.

FAQ

Il logo viene caricato?

No. La generazione icone avviene localmente nel browser.

Quali dimensioni vengono generate?

Il pacchetto include dimensioni comuni come 16, 32, 48, 180, 192 e 512 px.

Controlli pratici

Un favicon non è solo un’icona quadrata

Un set favicon deve funzionare nelle schede del browser, nei preferiti, nelle scorciatoie fissate e nelle piccole anteprime mobili. Parti da un segno semplice e ad alto contrasto, evitando testo che sparisce a 16 px. Esporta le dimensioni previste e controlla se la versione più piccola resta riconoscibile senza dipendere solo dal colore. Conserva l’icona master separata, perché i file favicon generati sono asset di consegna, non la sorgente del design.

1
Usa una forma semplice con contrasto forte.
2
Controlla 16 px e 32 px prima della pubblicazione.
3
Tieni logo o icona sorgente separati dai favicon generati.

Controlla 16 px prima di fidarti del pacchetto

Una favicon fallisce prima nella dimensione più piccola. Prima di usare lo ZIP generato, apri separatamente i PNG da 16 px e 32 px, non solo l’icona grande da 512 px. Testo sottile, mascotte dettagliate e loghi orizzontali spesso spariscono nella scheda del browser. Una buona sorgente è di solito un segno semplificato, con contrasto forte e abbastanza spazio intorno. Conserva l’artwork originale del brand separatamente per rigenerare il pacchetto con un altro ritaglio o sfondo.

1
Controlla 16 px e 32 px come file reali.
2
Evita segni pieni di testo piccolo.
3
Conserva un master quadrato pulito per pacchetti futuri.

Pagine correlate

Se ti serve il passaggio successivo, apri lo strumento giusto e continua nello stesso editor.