Un pacchetto favicon è facile da sottovalutare. Molte persone lo immaginano come una piccola immagine nella tab del browser, ma un sito moderno di solito ha bisogno di un piccolo set di asset correlati. L'icona nella tab è solo una superficie. Scorciatoie mobili, icone Android, Apple touch icon e riferimenti manifest possono richiedere tutti file propri.
L'obiettivo pratico non è raccogliere ogni variante possibile. È pubblicare un pacchetto focalizzato che copra le superfici browser e app-like più comuni senza trasformare la preparazione del lancio in export manuale. Il Generatore Favicon / Icone App di Converty è costruito attorno a questo lavoro: parti da un'immagine quadrata e scarichi un bundle con i file comuni insieme.
Il file centrale è ancora favicon.ico
favicon.ico resta il file favicon più familiare. È l'asset che le persone si aspettano di vedere associato a tab del browser, segnalibri e convenzioni favicon più vecchie.
Anche quando un sito include icone PNG e un web manifest, favicon.ico resta utile perché copre un percorso tradizionale compreso da molti browser e strumenti. Per un sito semplice, spesso è il primo file da controllare quando l'icona della tab non appare corretta.
Le icone PNG coprono le superfici moderne
I pacchetti icona moderni di solito includono file PNG in più dimensioni. Browser, scorciatoie e contesti di visualizzazione diversi possono usare dimensioni diverse. Esportare una sola dimensione può lasciare al browser o al dispositivo il compito di scalare l'immagine, con il rischio di icone piccole morbide o affollate.
Per questo l'artwork sorgente conta. Un'immagine quadrata, semplice e leggibile produce risultati migliori nell'intero pacchetto rispetto a una grafica dettagliata compressa in molte dimensioni. Converty non può trasformare un logo complesso in un piccolo mark perfetto, ma può togliere il lavoro ripetitivo di export quando hai un sorgente adatto.
Apple touch icon e icone Android servono superfici diverse
Le Apple touch icon vengono usate per le superfici di scorciatoia sui dispositivi Apple. Le icone pronte per Android supportano casi di installazione e scorciatoia collegati a superfici orientate ad Android.
Questi file sono facili da dimenticare perché non sono sempre visibili durante un normale controllo desktop. Il sito può sembrare a posto in una tab e mancare comunque di asset importanti dopo che qualcuno lo salva sulla schermata home di un dispositivo. Un pacchetto completo rende questa situazione meno probabile.
Se stai decidendo se un'Apple touch icon sia diversa da una favicon, leggi Apple Touch Icon vs favicon: cosa dovrebbe includere un sito moderno?.
Il manifest collega le superfici app-like
Un site.webmanifest iniziale dà a una web app o a un sito un punto in cui descrivere icone e metadati di visualizzazione correlati. Non sostituisce i file icona. Li referenzia, così le superfici compatibili possono capire quali asset siano disponibili.
Per questo Converty include un manifest iniziale nel pacchetto. Il file generato offre un punto di partenza pratico, ma devi comunque inserire gli asset nel progetto e referenziarli nella configurazione del sito.
Checklist pratica per un pacchetto favicon
Un pacchetto favicon focalizzato dovrebbe di solito includere:
favicon.ico- più dimensioni icona PNG
- output Apple touch icon
- output pronto per Android
- un
site.webmanifestiniziale
Questo è sufficiente per molti piccoli siti, lanci SaaS, pagine marketing e progetti di documentazione. Setup più specializzati possono richiedere asset extra per piattaforme specifiche, ma il pacchetto comune toglie di mezzo il lavoro ordinario.
Apri il Generatore Favicon / Icone App quando hai un'immagine sorgente quadrata e ti servono i file comuni del pacchetto favicon in un unico export. Per il workflow più ampio, leggi Come generare un pacchetto favicon completo da una sola immagine.
