Generatore di Apple Touch Icon
Crea l'apple-touch-icon da 180×180 che iOS usa per i preferiti sulla schermata Home — più un set completo di favicon — localmente nel tuo browser. Non viene caricato nulla.
La privacy prima di tutto: ogni immagine viene elaborata localmente nel tuo browser. Nulla viene caricato, memorizzato o trasmesso ad alcun server.
L'icona che iOS mette sulla schermata Home
Quando qualcuno aggiunge il tuo sito alla schermata Home del proprio iPhone o iPad, iOS cerca un apple-touch-icon da 180×180; senza di esso ripiega su uno screenshot sfocato. Questo generatore crea quella dimensione esatta dalla tua immagine — con uno sfondo pieno, poiché gli apple-touch-icon non dovrebbero essere trasparenti — e la include nel download insieme a favicon.ico e alle icone Android.
Un'esportazione, ogni piattaforma
Invece di ritagliare a mano un file separato per ogni dispositivo, genera l'intero set in una volta: apple-touch-icon per iOS, PNG da 192 e 512px per Android e le PWA, e favicon.ico per i browser desktop, con uno snippet HTML per richiamarli. Tutto funziona nel tuo browser, così la tua grafica di marca non lascia mai il tuo dispositivo.
Domande frequenti
- La mia immagine viene caricata per creare la favicon?
- No. La favicon.ico, le icone PNG e il manifest sono tutti generati localmente nel tuo browser usando la Canvas API. La tua immagine non lascia mai il tuo dispositivo.
- Quali dimensioni e file ottengo?
- Una favicon.ico multi-risoluzione (16, 32 e 48px), icone PNG a 16, 32, 48, 180 (apple-touch-icon), 192 e 512px, un site.webmanifest e uno snippet HTML da incollare nel tuo <head>.
- Posso convertire un PNG o SVG in ICO?
- Sì. Trascina un PNG, JPG, SVG o WebP e scarica una vera favicon.ico. I loghi SVG vengono prima rasterizzati localmente ad alta risoluzione.
- Quale immagine funziona meglio?
- Un'immagine quadrata con un logo semplice e ad alto contrasto. Le immagini non quadrate vengono ritagliate al centro per adattarsi; usa i controlli di padding e forma per inquadrarla come preferisci.
- Come installo la favicon?
- Estrai il pacchetto nella cartella radice del tuo sito e incolla lo snippet HTML fornito nel <head> delle tue pagine. La favicon.ico viene rilevata automaticamente dalla maggior parte dei browser.