Para garantir uma boa experiência visual e uma navegação consistente para o cliente, é importante seguir algumas dicas ao configurar imagens e ícones no App White Label. Imagens bem otimizadas não só valorizam o seu cardápio, como também destacam a identidade visual da marca e aumentam o impacto de banners promocionais, cupons de desconto e o uso do cashback.
Dicas para as imagens e ícones:
Mantenha o tamanho das imagens abaixo de 500 KB.
Utilize a compressão adequada (PNG otimizado) para um desempenho otimizado.
A resolução ideal é 72 DPI, garantindo boa qualidade em telas digitais.
Quais são as recomendações para as imagens e ícones exibidos no App White Label?
Aqui, está a tabela com as dimensões e recomendações para as imagens e ícones exibidos no App White Label:
| Imagem/Ícone | Largura | Altura | Formato | Caminho |
| Imagem de atualização | 375 | 410 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Configurações |
| Logomarca | 512 | 512 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Tela de abertura (Splash Screen) | 512 | 512 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Imagem de divulgação | 1024 | 500 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone do aplicativo | 512 | 512 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone de notificação (Android) | 52 | 52 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone página inicial (Home) | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone de cupons | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone do comprar | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Ícone do cashback | 50 | 50 | PNG fundo transparente | Delivery e Autoatendimento > App White Label > Configurações do App > Estilo |
| Banner - Topo da página | 640 | 640 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
| Banner - Início da página | 350 | 220 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
| Banner - Fim da página | 350 | 220 | PNG, JPG ou JPEG | Delivery e Autoatendimento > App White Label > Banners do App |
| Cupom de Desconto - Banner | 330 | 200 | PNG, JPG ou JPEG | Engajamento > Cupons de Desconto > Banner |
| Cashback - Banner do topo da página | 350 | 200 | PNG ou JPG | Engajamento > Cashback > Sobre o Cashback |
| Cashback - Ícone Seção 1 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
| Cashback - Item 1 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
| Cashback - Item 2 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
| Cashback - Item 3 | 50 | 50 | PNG | Engajamento > Cashback > Sobre o Cashback |
| Editar Nível - Imagem do nível | 100 | 100 | PNG fundo transparente | Engajamento > Cashback > Editar Nível |
| Imagem da categoria (Principal) | 490 | 490 | PNG | Gestão > Cardápio > Gestão de Cardápio > Categoria |
| Imagem da categoria (Banner) | 350 | 220 | PNG | Gestão > Cardápio > Gestão de Cardápio > Categoria |
| Imagem do produto | 512 | 512 | PNG | Gestão > Cardápio > Gestão de Cardápio > Produto |
Como essas imagens serão exibidas no App White Label?
Abaixo estão os exemplos de como e onde as imagens e ícones serão exibidos no App White Label:
Ajude-nos a evoluir deixando seu feedback nos comentários e compartilhando sugestões para novos artigos!
Comentários
0 comentário
Por favor, entre para comentar.