Spring til hovedindhold

Sådan forbereder du favicons og appikoner til en SaaS-lancering

Af Converty Team

Lær, hvordan du forbereder favicons og appikoner til en SaaS-lancering fra ét rent kildebillede uden at forveksle branddesign med pakkearbejde.

Sådan forbereder du favicons og appikoner til en SaaS-lancering

En SaaS-lancering har normalt ét varemærke og mange steder, der har brug for det. Marketingwebstedet har brug for et faneikon. App-skallen skal muligvis bruge genvejsikoner. Det offentlige websted skal muligvis bruge Apple-berøringsikoner, Android-klare ikoner og et startmanifest. Lanceringen kan se uafsluttet ud, hvis disse små aktiver halter bagefter resten af ​​brandarbejdet.

At forberede favicons og app-ikoner er ikke det samme som at designe brandet. Det er pakkearbejde. Når kildeillustrationen er godkendt, er den praktiske opgave at omdanne den til de almindelige filer, som webstedet eller appen har brug for. Convertys Favicon / App Icon Generator håndterer denne emballage fra ét firkantet kildebillede.

Start med et kildebillede, der kan overleve små størrelser

Det bedste kildebillede er firkantet, enkelt og læsbart, når det er reduceret. SaaS-mærker inkluderer ofte fine detaljer, ordmærker eller komplekse former, der ser godt ud i en heltesektion, men som fejler i en browserfane.

Før du genererer pakken, skal du gennemgå mærket ved små størrelser. Hvis det afhænger af lille tekst eller tynde linjer, forenkle kilden. Generatoren kan eksportere filerne, men den kan ikke gøre et overfyldt mærke læsbart på alle overflader.

Generer den fælles pakke sammen

Den praktiske SaaS-lanceringspakke bør normalt indeholde:

  • favicon.ico
  • PNG-ikonstørrelser
  • Apple touch ikon output
  • Android-klar ikonoutput
  • en starter site.webmanifest

Converty samler disse output, så lanceringsteamet ikke behøver manuelt at eksportere og indsamle dem én efter én. Upload kilden, tilføj app- eller webstedsnavnet, hvor det er relevant, vælg, om cirkulære browser- og Android-output giver mening, og download derefter ZIP.

Placer filerne i selve projektet

Den genererede ZIP er aktivpakken, ikke selve implementeringen. Efter download skal filerne stadig placeres i det offentlige aktivområde på webstedet eller appen og refereres til af projektopsætningen.

Den adskillelse betyder noget. Converty reducerer eksportarbejdet, men det erstatter ikke dit framework, hostingopsætning eller endelige integrationstjek.

For en dybere tjekliste over pakkemedlemmer, læs Hvilke filer har du brug for i en favicon-pakke?. For manifestspecifik vejledning, læs Sådan opretter du en site.webmanifest til en simpel webapp.

Åbn Favicon / App Icon Generator, når din SaaS-lancering har godkendt firkantede illustrationer og kræver, at browseren og appikonpakken forberedes hurtigt.

Du kan måske også lide