Saltar para o conteúdo principal

Como preparar favicons e ícones de aplicações para um lançamento SaaS

Por Converty Team

Aprenda a preparar favicons e ícones de aplicações para um lançamento SaaS a partir de uma imagem de origem limpa, sem confundir o design da marca com o trabalho de embalagem.

Como preparar favicons e ícones de aplicações para um lançamento SaaS

Um lançamento SaaS tem normalmente uma marca e muitos locais que precisam dela. O site de marketing precisa de um ícone de guia. O shell da aplicação pode precisar de ícones de atalho. O site público pode precisar de ícones de toque da Apple, ícones prontos para Android e um manifesto inicial. O lançamento pode parecer inacabado se estes pequenos ativos ficarem atrás do resto do trabalho da marca.

Preparar favicons e ícones de aplicações não é o mesmo que desenhar a marca. É um trabalho de embalagem. Depois de a arte original ser aprovada, o trabalho prático é transformá-la nos ficheiros comuns de que o site ou a aplicação necessita. O Favicon/App Icon Generator do Converty trata este empacotamento a partir de uma imagem de origem quadrada.

Comece com uma imagem de origem que possa sobreviver a tamanhos pequenos

A melhor imagem de origem é quadrada, simples e legível quando reduzida. As marcas SaaS incluem frequentemente detalhes finos, marcas nominativas ou formas complexas que ficam bem numa secção principal, mas falham num separador do navegador.

Antes de gerar a embalagem, reveja a marca nos tamanhos pequenos. Se depender de texto minúsculo ou linhas finas, simplifique o tipo de letra. O gerador pode exportar os ficheiros, mas não pode tornar uma marca lotada legível em todas as superfícies.

Gere o pacote comum em conjunto

O pacote prático de lançamento de SaaS deve geralmente incluir:

  • favicon.ico
  • Tamanhos de ícones PNG
  • Saída de ícone de toque da Apple
  • Saída de ícones pronta para Android
  • um principiante site.webmanifest

O Converty agrupa estas saídas para que a equipa de lançamento não tenha de as exportar e recolher manualmente, uma por uma. Faça o upload da fonte, adicione o nome da aplicação ou do site quando relevante, escolha se as saídas circulares do browser e do Android fazem sentido e descarregue o ZIP.

Coloque os ficheiros no projeto real

O ZIP gerado é o pacote de ativos, não a implementação em si. Após o download, os ficheiros têm ainda de ser colocados na área de património público do site ou app e referenciados pela configuração do projeto.

Esta separação é importante. O Converty reduz o trabalho de exportação, mas não substitui a sua estrutura, configuração de alojamento ou verificação final de integração.

Para uma lista de verificação mais detalhada dos membros do pacote, leia Que ficheiros precisa num pacote Favicon?. Para obter orientação específica do manifesto, leia Como criar um site.webmanifest para uma aplicação Web simples.

Abra o Favicon/App Icon Generator quando o lançamento do seu SaaS tiver aprovado a arte quadrada e precisar que o pacote de ícones do browser e da aplicação seja preparado rapidamente.

Também podes gostar