[SOMA Gestão WEB] Banners - Inserir Imagens
Tags:Ao criar um banner / aviso no Soma Gestão, você pode adicionar uma imagem que será exibida como sendo o conteúdo do seu banner. Para garantir a melhor visualização e experiência para todos os usuários, é importante seguir algumas orientações sobre tamanho, formato e qualidade da imagem.
Por que utilizar as medidas recomendadas?
Usar as dimensões corretas evita:
-
Distorções: imagens esticadas ou achatadas podem prejudicar a estética do banner / aviso.
-
Cortes de conteúdo: elementos importantes da imagem podem desaparecer se a proporção estiver errada.
-
Má experiência do usuário: banners / avisos mal ajustados podem dificultar a leitura ou confundir o visitante.
Medidas recomendadas:
-
1580 x 292 px: ideal para telas maiores (monitores de desktop).
-
1346 x 240 px: ideal para telas menores (notebooks ou telas compactas).
Dica: Mesmo que a imagem seja exibida em uma tela menor, usar uma versão maior como base garante melhor qualidade e flexibilidade.
Como fazer para ajustar ou padronizar o tamanho da minha imagem?
Para te ajudar com essa tarefa, aqui estão duas opções que você pode escolher:
Opção 1: Usando um editor online (Canva, Figma, Pixlr)
-
Abra a imagem no editor.
-
Crie um novo projeto ou ajuste a área de trabalho para 1580 x 292 px ou 1346 x 240 px, conforme necessário.
-
Arraste a imagem para o espaço e redimensione mantendo a proporção original (geralmente há um ícone de “cadeado” ou “manter proporção”).
-
Verifique se nenhum elemento importante foi cortado e, se necessário, reposicione ou ajuste o tamanho.
-
Exporte a imagem em PNG (para transparência ou melhor qualidade) ou JPG (para arquivos mais leves).
Opção 2: Usando um software de edição (Photoshop, GIMP)
-
Abra a imagem no software.
-
Vá em Imagem > Tamanho da Tela/Canvas e defina a resolução correta.
-
Redimensione a imagem com a ferramenta de transformação, mantendo a proporção.
-
Salve em PNG ou JPG, conforme o tipo de imagem.
Além do cuidado com o tamanho da imagem, algumas boas práticas podem ser consideradas na hora de criar a sua imagem, sendo elas:
-
Textos e elementos importantes: mantenha-os centralizados e evite colocar nas bordas, para não correr risco de corte.
-
Contraste e legibilidade: use cores que se destaquem do fundo e permitam leitura fácil.
-
Tamanho do arquivo: mantenha imagens otimizadas para carregamento rápido, sem perder qualidade visual.
-
Testes: sempre visualize o banner em diferentes telas antes de publicar.
Outros Artigos
Nenhum artigo relacionado.