Una Apple touch icon i un favicon estan relacionats, però no són el mateix fitxer amb el mateix propòsit. Un favicon s'associa normalment amb pestanyes de navegador, marcadors i chrome de navegador familiar. Una Apple touch icon està pensada per a superfícies de drecera en dispositius Apple, on el lloc pot aparèixer més com una icona d'app.
La confusió és comprensible perquè, en molts projectes, tots dos fitxers parteixen de la mateixa marca visual. L'art font pot ser una sola imatge quadrada, però el paquet ha de servir superfícies diferents. Per això un workflow modern de favicon no hauria d'aturar-se en un únic fitxer favicon.ico.
Què fa un favicon
Un favicon és el marcador visual petit que els usuaris veuen en pestanyes del navegador, marcadors, historial i interfícies relacionades del navegador. Ajuda els usuaris a reconèixer el lloc ràpidament quan hi ha diverses pestanyes obertes.
El fitxer clàssic és favicon.ico, tot i que moltes configuracions modernes també inclouen fitxers d'icona PNG. Per a llançaments rutinaris de llocs, mantenir favicon.ico al paquet continua sent pràctic perquè cobreix expectatives familiars i camins de compatibilitat.
Què fa una Apple touch icon
Una Apple touch icon s'utilitza quan un lloc es desa en superfícies de dispositius Apple, com dreceres a la pantalla d'inici. No és només un marcador minúscul de pestanya. Ha de funcionar com una icona en un context més semblant a una app.
Això canvia la pressió de disseny. Una icona de pestanya pot ser extremadament petita. Una touch icon pot aparèixer més gran, però també ha de sentir-se neta, centrada i recognoscible com a marca independent. El mateix art font pot funcionar per a totes dues si és simple i quadrat, però els outputs s'han d'empaquetar correctament.
Per què els llocs moderns sovint necessiten totes dues
Si el teu lloc només té un favicon, l'experiència en navegador d'escriptori pot semblar correcta mentre que les superfícies de drecera mòbil se senten incompletes o inconsistents. Si el paquet només se centra en touch icons, encara pots perdre el camí tradicional de pestanya de navegador.
Per a un llançament SaaS, un lloc de documentació, un microsite de producte o una web app petita, la resposta pràctica normalment és totes dues. Vols un paquet que cobreixi pestanyes de navegador i dreceres semblants a app sense demanar a ningú que exporti manualment cada variant d'icona.
Aquí és on encaixa el generador de favicon / icones d'app. Genera favicon.ico, icones PNG, Apple touch icons, icones preparades per a Android i un site.webmanifest inicial des d'una sola imatge font quadrada.
L'art font és la restricció compartida
El factor de qualitat més important és la imatge font. La mateixa marca ha de sobreviure a diverses superfícies i mides. Les il·lustracions detallades, el text petit i l'art de vora a vora solen funcionar malament. Una forma simple amb prou marge és més probable que continuï sent recognoscible.
Converty inclou una opció circular per a outputs de navegador i Android, mentre que les Apple touch icons es mantenen quadrades. Això importa quan la marca funciona millor dins d'un marc circular però vols que les superfícies Apple mantinguin el tractament quadrat esperat.
La decisió pràctica
Fes servir un favicon quan necessitis reconeixement al navegador. Fes servir una Apple touch icon quan t'importin les superfícies de drecera Apple. Fes servir un paquet complet quan vulguis que el lloc se senti acabat en totes dues.
Per a un checklist de fitxers més profund, llegeix Quins fitxers calen en un paquet de favicon?. Quan estiguis a punt per exportar els actius, obre el generador de favicon / icones d'app, puja una imatge font quadrada, revisa el paquet i descarrega el ZIP.
