Пропуснете към основното съдържание

Как да подготвите favicon-и и app икони за SaaS launch

От Converty Team

Научете как да подготвите favicons и app icons за SaaS launch от едно clean source image, без да смесвате brand design с packaging work.

Как да подготвите favicon-и и app икони за SaaS launch

SaaS launch обикновено има един brand mark и много места, които имат нужда от него. Marketing site има нужда от tab icon. App shell може да има нужда от shortcut icons. Public site може да има нужда от Apple touch icons, Android-ready icons и starter manifest. Launch-ът може да изглежда unfinished, ако тези малки assets изостанат зад останалата brand работа.

Подготовката на favicons и app icons не е същото като design на brand. Това е packaging work. След като source artwork е approved, практичната задача е да го превърнете в common files, от които site или app има нужда. Генераторът на favicon / икони за приложение на Converty handles това packaging от едно square source image.

Започнете със source image, което оцелява при малки размери

Най-доброто source image е square, simple и readable, когато се reduce-не. SaaS marks често включват fine detail, wordmarks или complex shapes, които изглеждат добре в hero section, но fail-ват в browser tab.

Преди да генерирате package-а, прегледайте mark-а в small sizes. Ако зависи от tiny text или thin lines, simplify-нете source-а. Generator може да export-не files, но не може да направи crowded mark readable във всяка surface.

Генерирайте common package заедно

Практичният SaaS launch package обикновено трябва да включва:

  • favicon.ico
  • PNG icon sizes
  • Apple touch icon output
  • Android-ready icon output
  • starter site.webmanifest

Converty bundle-ва тези outputs, така че launch team да не трябва ръчно да export-ва и събира файловете един по един. Upload-нете source, добавете app или site name, където е relevant, изберете дали circular browser и Android outputs имат смисъл, после download-нете ZIP.

Поставете files в реалния project

Генерираният ZIP е asset package, не deployment сам по себе си. След download файловете пак трябва да се поставят в public assets area на site или app и да бъдат reference-нати от project setup.

Това разделение има значение. Converty намалява export work, но не заменя вашия framework, hosting setup или final integration check.

За по-дълбок checklist на package members прочетете Какви файлове са нужни във favicon пакет?. За manifest-specific guidance прочетете Как да създадете site.webmanifest за просто web приложение.

Отворете Генератора на favicon / икони за приложение, когато SaaS launch има approved square artwork и трябва бързо да подготви browser и app icon package.

Може да ви хареса още