Etapas para solucionar erros ao carregar imagens ou problemas de exibição após o carregamento

Quando você carrega uma imagem no site, ela pode não aparecer como esperado, dependendo do formato. É importante seguir nossas diretrizes para formatação, a fim de minimizar erros no upload ou problemas na exibição.

Siga este guia para resolver erros no processo de upload ou após uma imagem ter sido adicionada ao site.

Dica: antes de fazer o upload, confira nossas diretrizes de formatação e informações dos seus arquivos de imagem para garantir que atendam aos nossos requisitos

Erros no upload

Se aparecer um erro ao tentar fazer o upload de uma imagem, confira nossos requisitos de imagem. Se você estiver usando o tipo de arquivo correto e a imagem tiver até 20 MB, o problema pode ser a resolução da imagem, que limitamos em 120 megapixels. Recarregue a imagem depois que ela atender aos nossos requisitos.

Se o arquivo de imagem atender a todos os nossos requisitos, mas ainda assim der erro durante o upload, o problema pode estar no browser. Siga a solução de problemas no browser e tente novamente.

Imagens desfocadas

Se alguma imagem parecer borrada ou pixelada, é provável que esteja sendo ampliada para se ajustar à largura do conteúdo. Isso geralmente acontece porque a imagem é estreita; por isso, recomendamos imagens com mais de 1.500 px na maioria das áreas do Squarespace. Já outras áreas de conteúdo têm requisitos diferentes:

• Ícones do browser (ou favicons)
• Imagens nas campanhas por e-mail
• Logotipos nos sites versão 7.0

Ajuste o tamanho da imagem para atender aos nossos requisitos e depois refaça o upload.

Distorção da cor

Se a cor de alguma imagem ficar distorcida, o modo ou perfil da cor da imagem pode não estar corretamente formatado.

Confira nossos requisitos de imagem e atualize as configurações de cor da imagem, se necessário. Depois que ela atender aos nossos requisitos, refaça o upload.

A imagem do banner aparece cortada nos aparelhos móveis

A imagem do banner quase sempre aparece cortada nos aparelhos móveis porque o banner é largo, e os aparelhos móveis são estreitos. Se você notar o banner recortado na versão móvel:

• Saiba como os banners e imagens de fundo da seção aparecem na versão móvel.
• Saiba como personalizar o banner para mitigar os problemas no recorte.

Talvez seja necessário editar a imagem fora do Squarespace e recarregá-la para ficar como você deseja.

A resolução da imagem muda de tamanho

Ao alterar o tamanho de uma imagem no site, nosso processador de imagem usa uma versão dela em vez de ajustá-la diretamente. Isso mantém as mesmas dimensões em píxels. Com isso, à medida que o tamanho do contêiner da imagem muda, os pixels podem se misturar e, assim, diminuir a nitidez.

Ao carregar uma imagem, siga nossos requisitos e recomendações para que ela seja renderizada com clareza aceitável em qualquer tamanho - mesmo assim, pequenas discrepâncias são normais.

Mais passos

Se suas imagens atenderem aos nossos requisitos, mas ainda parecerem distorcidas ou recortadas inesperadamente:

• Faça alterações no estilo de bloco, da seção ou da página ao qual você adicionou imagens.
• Use o ponto focal para centralizar as imagens.
• Use nosso editor de imagens integrado para fazer alterações, como recortar e alterar a proporção da imagem.
• Siga os passos em "Solução de problemas com o recorte".
• Ajuste o tamanho, corte ou edite a imagem original no seu aparelho e, em seguida, carregue-a novamente.

Para saber como deixar suas imagens mais acessíveis, confira "Deixando áudio, imagens e vídeos mais acessíveis".