Generatore di favicon
Trasforma una semplice immagine in una favicon e un pacchetto di icone per siti Web. Verifica che il design rimanga riconoscibile anche a piccole dimensioni, scarica i file e segui l'esempio di installazione incluso.
Prima di iniziare
- Ingresso
- Un'immagine JPG, PNG o WebP statica.
- Uscita
- Uno ZIP con le icone ICO, PNG, un manifest e un esempio HTML.
Caricamento strumento…
Come utilizzare questo strumento
- Scegli un'immagine JPG, PNG o statica WebP.
- Ritaglia fino a ottenere un quadrato o aggiungi spaziatura interna ed esamina le anteprime delle icone.
- Scarica lo ZIP e adatta i percorsi di esempio al tuo sito web.
Comprendere il risultato
Una favicon spesso appare di dimensioni molto ridotte. Un simbolo o una lettera chiari di solito funzionano meglio di una grafica dettagliata o di un testo minuscolo. I file generati devono ancora essere caricati e referenziati dal tuo sito web.
Preparare un'icona piccola e chiara
Esaminare l'anteprima da 16 pixel prima del download. Evita di aspettarti che un marchio ampio o una fotografia intera rimangano leggibili in un quadratino.
Prova un campione
Provare un campione originale per verificare il flusso di lavoro supportato. Un campione di successo non è una garanzia per ogni input.
Esempio di immagine originale ↓
Se il risultato non è quello previsto
Il sito mostra ancora la vecchia icona.
La generazione dei file non ne comporta l'installazione. Controlla gli URL delle icone e il markup della pagina, quindi svuota la cache del sito e prova una nuova sessione del browser. Le icone del browser e dei risultati di ricerca possono essere aggiornate in momenti diversi.
Prossimo strumento utile: Da SVG a PNG →Limiti importanti
- Solo ingresso immagine; convertire prima uno SVG in PNG.
- Lo strumento non altera la configurazione del tuo sito web.
- Controlla il tuo sito web dopo aver installato le icone perché la memorizzazione nella cache e il comportamento della piattaforma possono differire.
- Massimo 10 MB e 12 milioni di pixel. L'output include ICO, icone PNG, un webmanifest e un esempio HTML in un ZIP.
Domande frequenti
Questa operazione installa la favicon sul mio sito?
No. Prepara file e un esempio. Carica i file e aggiorna i percorsi o le impostazioni del tuo sito web.
Il pacchetto rende il mio sito web uno PWA?
No. I file di icone e un manifest web di base fanno solo parte della configurazione di un'app Web.
Perché il mio logo è difficile da leggere a 16 pixel?
A quelle dimensioni i dettagli fini potrebbero scomparire. Prova un simbolo più semplice, una forma più forte o più spazio attorno al segno.
Guide correlate
Domande o una correzione? mrkcal@mrkcal.com