Strumento per immagini / 21
Convertitore di favicon
Trasforma un'immagine in un pacchetto completo di favicon: ogni dimensione PNG, un favicon.ico multi-risoluzione e un site.webmanifest, in un unico zip.
Convertitore di favicon: TOEA ridimensiona la tua immagine a 16, 32, 180, 192 e 512 pixel, inserisce le due dimensioni più piccole in un favicon.ico multi-risoluzione, crea un site.webmanifest corrispondente e comprime tutti e sette i file in un unico zip. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti per immagini
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
PNG, JPG, WebP o SVG · 1024 × 1024 o più grande offre i risultati migliori
Mantieni il file ICO nella root
I browser richiedono /favicon.ico dalla root di un sito anche quando nessuna pagina vi fa riferimento e alcuni lettori di feed, strumenti per i segnalibri e crawler non cercano altrove. Mantieni quindi il file ICO nella root invece che in una cartella delle immagini. Quando l'head della pagina contiene link alle icone, i browser usano prima quelli: puoi così offrire file PNG ai browser moderni e usare ICO per tutti gli altri. Consulta la documentazione sulle icone di MDN.
Modificare il manifest
Il site.webmanifest generato usa il nome del sito sia per name sia per short_name. Il nome breve è l'etichetta sotto un'icona nella schermata Home: prima che venga troncata entrano circa 12 caratteri, quindi accorcialo se il nome è lungo. Le icone sono elencate senza "purpose": "maskable", perciò Android potrebbe mostrarle rimpicciolite all'interno di un cerchio bianco. Per riempire la forma del launcher, aggiungi un'icona maskable separata il cui contenuto importante resti all'interno del cerchio centrale, pari all'80% della larghezza.
Come usarlo
- Scegli un'immagine quadrata, idealmente di almeno 512 × 512.
- Imposta il nome del sito e il colore del tema usati dal manifest.
- Crea il pacchetto e scarica lo zip.
Privacy e limitazioni
L'immagine non lascia mai il tuo browser: ogni dimensione, il contenitore ICO e lo zip vengono creati sul tuo dispositivo. Le immagini sorgente trasparenti restano trasparenti.
Strumenti correlati
Domande frequenti
Cosa contiene lo zip?
favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest: lo stesso insieme di file prodotto normalmente dai generatori di favicon.
Il favicon.ico contiene più di una dimensione?
Sì. Contiene un'immagine 16 × 16 e una 32 × 32, salvate come elementi PNG per conservare il canale alfa.
Dove vanno i file?
Estrai i file nella root del tuo sito, poi collega favicon-32x32.png, favicon-16x16.png e apple-touch-icon.png dall'head HTML e imposta il link del manifest su site.webmanifest.
Perché la mia icona continua ad avere un aspetto sbagliato dopo il caricamento?
I browser memorizzano le favicon nella cache in modo aggressivo e separatamente dai normali file. Apri direttamente l'URL del PNG oppure verifica in una finestra privata per confermare che venga fornito il nuovo file.
Strumento gratuito · nel browser esecuzioni · senza account