Salta al contingut principal

Com preparar favicons i icones d'app per a un llançament SaaS

Per Converty Team

Aprèn a preparar favicons i icones d'app per a un llançament SaaS des d'una imatge font neta sense confondre disseny de marca amb feina d'empaquetat.

Com preparar favicons i icones d'app per a un llançament SaaS

Un llançament SaaS normalment té una marca visual i molts llocs que la necessiten. El lloc de màrqueting necessita una icona de pestanya. L'app shell pot necessitar icones de drecera. El lloc públic pot necessitar Apple touch icons, icones preparades per a Android i un manifest inicial. El llançament pot semblar inacabat si aquests actius petits queden enrere respecte de la resta de la feina de marca.

Preparar favicons i icones d'app no és el mateix que dissenyar la marca. És feina d'empaquetat. Un cop l'art font està aprovat, la feina pràctica és convertir-lo en els fitxers comuns que el lloc o l'app necessita. El generador de favicon / icones d'app de Converty gestiona aquest empaquetat des d'una imatge font quadrada.

Comença amb una imatge font que sobrevisqui a mides petites

La millor imatge font és quadrada, simple i llegible quan es redueix. Les marques SaaS sovint inclouen detall fi, wordmarks o formes complexes que es veuen bé en una hero section però fallen en una pestanya de navegador.

Abans de generar el paquet, revisa la marca en mides petites. Si depèn de text minúscul o línies fines, simplifica la font. El generador pot exportar els fitxers, però no pot fer que una marca massa carregada sigui llegible en totes les superfícies.

Genera el paquet comú de cop

El paquet pràctic d'un llançament SaaS normalment hauria d'incloure:

  • favicon.ico
  • mides d'icona PNG
  • output d'Apple touch icon
  • output d'icona preparada per a Android
  • un site.webmanifest inicial

Converty agrupa aquests outputs perquè l'equip de llançament no hagi d'exportar-los i recollir-los manualment un per un. Puja la font, afegeix el nom de l'app o del lloc quan sigui rellevant, decideix si tenen sentit outputs circulars per a navegador i Android, i descarrega el ZIP.

Col·loca els fitxers al projecte real

El ZIP generat és el paquet d'actius, no el desplegament en si. Després de descarregar-lo, els fitxers encara s'han de col·locar a l'àrea d'actius públics del lloc o de l'app i referenciar-se des de la configuració del projecte.

Aquesta separació importa. Converty redueix feina d'exportació, però no substitueix el teu framework, hosting setup o comprovació final d'integració.

Per a un checklist més profund dels membres del paquet, llegeix Quins fitxers calen en un paquet de favicon?. Per a orientació específica de manifest, llegeix Com crear un site.webmanifest per a una web app senzilla.

Obre el generador de favicon / icones d'app quan el teu llançament SaaS tingui art quadrat aprovat i necessiti preparar ràpidament el paquet d'icones de navegador i d'app.

També et pot interessar