Přeskočit na hlavní obsah

Jak připravit favicony a ikony aplikace pro SaaS launch

Od Converty Team

Zjistěte, jak připravit favicony a ikony aplikace pro SaaS launch z jednoho čistého zdrojového obrázku bez míchání brand designu s packaging prací.

Jak připravit favicony a ikony aplikace pro SaaS launch

SaaS launch obvykle má jednu značku a mnoho míst, která ji potřebují. Marketingový web potřebuje ikonu v kartě. App shell může potřebovat shortcut ikony. Veřejný web může potřebovat Apple touch ikony, Android-ready ikony a startovací manifest. Launch může působit nedokončeně, pokud tyto malé assety zaostávají za zbytkem brand práce.

Příprava favicon a app icon není totéž jako navrhování značky. Je to packaging práce. Jakmile je zdrojová grafika schválená, praktickým úkolem je změnit ji na běžné soubory, které web nebo aplikace potřebuje. Convertyho Generátor favicon / ikon aplikace tento packaging řeší z jednoho čtvercového zdrojového obrázku.

Začněte zdrojovým obrázkem, který přežije malé velikosti

Nejlepší zdrojový obrázek je čtvercový, jednoduchý a čitelný po zmenšení. SaaS značky často obsahují jemný detail, wordmarky nebo složité tvary, které vypadají dobře v hero sekci, ale selžou v kartě prohlížeče.

Před generováním balíčku zkontrolujte značku v malých velikostech. Pokud závisí na drobném textu nebo tenkých linkách, zdroj zjednodušte. Generátor umí exportovat soubory, ale neumí zajistit, aby přeplněná značka byla čitelná na každé ploše.

Vygenerujte běžný balíček společně

Praktický balíček pro SaaS launch by obvykle měl obsahovat:

  • favicon.ico
  • velikosti PNG ikon
  • Apple touch icon output
  • Android-ready icon output
  • startovací site.webmanifest

Converty tyto výstupy balí, aby launch tým nemusel ručně exportovat a sbírat každý soubor zvlášť. Nahrajte zdroj, přidejte název aplikace nebo webu tam, kde je to relevantní, rozhodněte, jestli mají smysl kruhové browser a Android outputy, a stáhněte ZIP.

Vložte soubory do skutečného projektu

Vygenerovaný ZIP je asset package, ne samotné nasazení. Po stažení je stále potřeba soubory vložit do veřejné složky assetů webu nebo aplikace a odkázat je v nastavení projektu.

Na tomto oddělení záleží. Converty snižuje exportní práci, ale nenahrazuje váš framework, hosting setup ani finální integrační kontrolu.

Pro hlubší checklist členů balíčku si přečtěte Jaké soubory potřebujete ve favicon balíčku?. Pro manifest-specific guidance si přečtěte Jak vytvořit site.webmanifest pro jednoduchou webovou aplikaci.

Otevřete Generátor favicon / ikon aplikace, když má váš SaaS launch schválenou čtvercovou grafiku a potřebuje rychle připravit balíček browser a app ikon.

Mohlo by vás také zajímat