Sites responsivos são cruciais para o seu negócio. Ser receptivo oferece uma maneira fácil de manter a consistência com sua marca e site em todos os principais dispositivos. E você tem que ter certeza de escolher banners para sites adequados corretamente. Já tentou carregar um site com o seu telefone apenas para encontrar uma bagunça confusa na tela? Isso é o que acontece se um site não responde - ou amigável para dispositivos móveis.

As imagens são um dos aspectos mais frustrantes de sites sensíveis, especificamente imagens de banner / largura total. Estas são as coisas mais propensas a quebrar. Ou não aparece corretamente na tela. Por que isso está acontecendo? Para entender isso, explicaremos o que significa para o seu site ser receptivo. (Para mais, veja: Este é o que um ótimo site de consultores parece. )

A chave para ser responsável

Os sites responsivos reduzem as dimensões do seu site horizontalmente. Isso significa que, quando o site muda horizontalmente, tudo em seu site é re-posicionado. Isto é o que é chamado de layout fluido. Uma vez que os sites reativos re-tamanho e mudança de layouts, dependendo do seu dispositivo, pode ser difícil ver todos os detalhes de uma imagem do site se a página não responder. As bandeiras são particularmente difíceis, uma vez que são muito grandes e quase sempre cheias de detalhes.

Abaixo, forneci algumas boas práticas para você quando você escolhe banners para imagens responsivas com os sites do Advisor.

Como Escolher Banners para Websites Responsáveis ​​

Certifique-se de que o tamanho da foto não é muito pequeno. Recomendamos que as imagens de banner para sites sensíveis sejam um mínimo de 2000px por 600px para a melhor imagem de qualidade. Qualquer coisa menor do que esse tamanho (para largura ou altura) resultará em uma imagem borrada. Quanto maior a imagem, mais espaço temos para brincar e recortar a seção direita do seu banner.

Tente escolher imagens sem foco. Escolhendo imagens de banner que não têm foco principal, como uma paisagem, é uma das melhores imagens para ter no banner de seus sites. Independentemente do dispositivo, o visualizador poderá distinguir os detalhes da imagem. Uma vez que não há foco, podemos colocar a imagem sem se preocupar sobre como o site será redimensionado em dispositivos. Aqui estão alguns exemplos:

Como você pode ver, a imagem encolhe horizontalmente, mas como a paisagem é tão grande, os clientes ainda podem ver o que é o fundo.

Escolhendo uma imagem com foco. Digamos que você gostaria de uma foto de uma pessoa ou objeto em seu site como um foco. Ao usar fotos com foco, é muito importante manter o foco principal no centro da imagem. Uma vez que as imagens de banner responsivas gostam de encolher horizontalmente, perdemos uma grande quantidade de lados (espaço em branco) das imagens. (Para leitura relacionada, veja: Esta coisa pode arruinar o site da sua empresa de consultoria. )

Nos exemplos, você pode ver o rock e o indivíduo está no centro da imagem. Isso permite uma imagem limpa e redimensionada.

Acima de tudo, teste suas imagens. A melhor maneira de testar suas imagens é experimentá-las em seu site. Testar imagens ajudará você também a entender o tipo de fotos que você faz e não funciona. Você pode tentar você mesmo, ou trabalhar com nossa incrível equipe de suporte. (Para leitura relacionada, veja: Como o conteúdo do seu site pode atrair clientes. )

- Este artigo foi escrito por Shaheen Mahani e apareceu pela primeira vez em sites de consultores.