Como criar imagens para o app - Fabi Delivery
Ao criar o seu aplicativo de delivery você precisará de 3 imagens específicas: a imagem de ícone do app, imagem de capa e imagem de abertura.
A imagem de ícone do app é aquela que fica na tela do celular, onde é possível clicar para que o aplicativo abra. Você verá que essa imagem também vai ficar localizada aqui no canto direito do aplicativo.
![](https://storage.crisp.chat/users/helpdesk/website/cc7f6c55bcdfe800/e9515974-c014-43f9-91ea-5329ec_dxzler.png)
Já a imagem de capa, fica aqui em cima e, através dela, você pode inserir frases ou adicionar imagens atrativas que deixarão o design do seu app bem personalizado.
![](https://storage.crisp.chat/users/helpdesk/website/6d6e72e598ced800/6757455b-60e7-4c56-94f1-32d779_1kzabbm.png)
Por fim, a imagem de abertura é aquela que aparece logo que você abre o aplicativo. Ela fica cerca de 3 segundos na tela e, na sequência, o app aparece para ser utilizado.
![](https://storage.crisp.chat/users/helpdesk/website/580ca1035e2a180/2e2ee66e-c0d3-42b1-a92e-4ac6c1_1t3p56j.png)
Agora vamos mostrar como você cria cada uma dessas imagens.
Lembramos que elas devem ser feitas em um programa de criação de layouts e não dentro do painel Fabi Delivery, a não ser a imagem de capa, que nossa plataforma te dá uma forcinha!
Você precisará efetuar um cadastro no canva.com. Essa é uma plataforma gratuita que facilita muito a criação de layouts personalizados.
Acessar o Canva.com
Feito o cadastro, clique em “criar um design” e em seguida em “tamanho personalizado” para redimensionar o formato da imagem de acordo com o que é orientado na plataforma do Fabi Delivery.
![](https://storage.crisp.chat/users/helpdesk/website/8592d035431fc800/aba673f2-4ea8-4d40-84c2-78cfba_13kyyhj.png)
A imagem de capa, de ícone e de abertura possuem formatos diferentes então você vai precisar repetir esse processo para cada uma delas.
![](https://storage.crisp.chat/users/helpdesk/website/82179874a5883000/8bf1e624-ce7b-4385-aeff-d66598_1qag7j.gif)
Com o formato criado você possuirá uma tela em branco e poderá criar o seu design.
No menu da esquerda você verá alguns modelos prontos para uso e também pode usar o campo de busca para refinar um pouco mais, encontrando templates que se encaixam melhor para o seu segmento.
![](https://storage.crisp.chat/users/helpdesk/website/a8b18442bfd06800/70597191-2df6-4fd5-8cb0-02f578_hnltsj.gif)
Agora é hora de usar a criatividade. Você pode clicar sobre os elementos e movê-los, além de aumentá-los e diminuí-los, trocar a cor, alinhá-los usando as linhas automáticas e muito mais.
![](https://storage.crisp.chat/users/helpdesk/website/e2ddc03aeea9c000/65d9350b-3db4-40d9-80ea-9e6071_1m5evt9.gif)
Se quiser adicionar uma imagem personalizada como o seu logo, por exemplo, basta clicar aqui em UPLOADS e adicionar uma imagem do seu computador. Aguarde carregar e clique sobre ela, depois é só reposicionar e redimensionar.
![](https://storage.crisp.chat/users/helpdesk/website/20fa11b85de82400/34bc9f01-ca8a-4b56-85a0-3c8e35_bubez8.gif)
Ainda no menu da esquerda, em elementos, você pode adicionar imagens, ilustrações, linhas e formas da forma que quiser. Utilize a busca e adicione-as livremente.
![](https://storage.crisp.chat/users/helpdesk/website/7b99a12bc288d000/397f1d46-154f-4d80-bdb8-f9b3a0_zwmud3.gif)
Esse símbolo representa elementos grátis e a coroa os pagos ou disponíveis para assinantes do Canva.
![](https://storage.crisp.chat/users/helpdesk/website/f6813f224c825800/e547a3af-20c1-42af-8227-7f9062_3xqbbr.gif)
Depois de efetuar o seu layout, salve a imagem no seu computador clicando em "Baixar" e selecione o formato PNG. Clique no botão azul e aguarde finalizar o carregamento.
![](https://storage.crisp.chat/users/helpdesk/website/f8597e029a32a000/ec34a3be-0b95-4ec5-9168-81edab_92ste.gif)
Pronto, agora o layout que você criou estará na pasta de download do seu computador.
![](https://storage.crisp.chat/users/helpdesk/website/dfa758b14f4b0000/72495c27-3951-4bb8-9e4a-aa55e5_r8xe4s.png)
Agora entre na plataforma do Fabi Delivery e insira a imagem no campo destinado a ela.
Para a imagem de ícone vá em Configurações > Aparência > e em seguida em “alterar logo”, conforme abaixo, veja:
![](https://storage.crisp.chat/users/helpdesk/website/9408bd0085fa3000/73abfd5c-d6cf-4f0c-9824-98f2a2_17og11i.gif)
Nessa mesma tela também é possível alterar a imagem da capa.
![](https://storage.crisp.chat/users/helpdesk/website/36a72f5352c04c00/620dc8db-1fb4-4492-a5fc-e14937_5q6vri.png)
Um pouco mais abaixo você pode alterar a imagem de abertura e o ícone de notificações push.
![](https://storage.crisp.chat/users/helpdesk/website/3e65ee73c5dcca00/25c5cb71-deb2-435f-901a-76351f_5y0kt4.png)
Pronto!
Agora você sabe como criar imagens personalizadas e inseri-las no seu app!
Boa criação!
Atualizado em: 16/12/2022