Favicon e icone per app
Da una sola immagine quadrata ottieni tutte le icone necessarie per un sito web, insieme al codice.
- Aggiungi
- Modifica
- Crea
- Conserva
Come usare questo strumento
- Aggiungi i file: trascinali sulla pagina oppure selezionali. Restano sul tuo dispositivo.
- Aggiungi un’immagine sorgente quasi quadrata: il soggetto dovrebbe trovarsi vicino al centro, perché nei formati più piccoli viene ritagliato visivamente.
- Scegli un colore di sfondo per le icone opache e decidi se includere la scheda per i social da 1200×630.
- Premi «Crea set di icone» e scarica i risultati, singolarmente o in un unico ZIP.
Informazioni su questo strumento
Da una sola immagine quadrata ottieni tutte le icone necessarie per un sito web, insieme al codice. Gratis e senza limiti: non viene caricato nulla, perché tutto avviene nel tuo browser. Il file non viene mai inviato a un server e il risultato viene scaricato direttamente sul tuo dispositivo, gratis, senza account e senza filigrana.
Privacy e limitazioni
Ogni esecuzione genera un set fisso: favicon.ico (16, 32, 48 e 256 px), apple-touch-icon.png (180 px), icon-512.png e, se selezionato, og-image.png (1200×630); le dimensioni non si possono modificare e non vengono aggiunte voci a manifest.json: copia i nomi dei file nel tuo manifest. La scheda per i social viene ritagliata dal centro dell’immagine a 1200×630; un’immagine verticale o quadrata perderà la parte superiore e quella inferiore. Le immagini piccole vengono ingrandite e risulteranno sfocate.
Ultimo aggiornamento:
Domande frequenti
Quali dimensioni deve avere l’immagine originale?
Almeno 512 × 512 pixel, quadrata, con il disegno non troppo vicino ai bordi. Tutte le dimensioni vengono ricavate riducendo questa immagine, quindi un’immagine più piccola risulterà sfocata nei formati più grandi.
Perché mi servono così tante dimensioni per le icone?
Perché ogni contesto ne usa una diversa: 16 pixel per una scheda del browser, 180 per la schermata Home di iPhone e 512 per la schermata iniziale di Android. Fornire ogni dimensione evita che il sistema ridimensioni male un’icona non adatta.
Mi serve ancora favicon.ico?
È utile averlo. Alcuni browser meno recenti e alcuni crawler richiedono direttamente /favicon.ico e ignorano i tag link, quindi il file ICO con più dimensioni è compatibile anche con questi casi.
A cosa serve la scheda Open Graph?
È l’immagine mostrata quando il tuo link viene condiviso sui social media o in una chat. Senza, il link appare come un semplice rettangolo blu.