Sinais do problema

As imagens em um artigo ou publicação da comunidade parecem muito menos legíveis do que o original. Se essa é uma captura de tela de um aplicativo, o texto pode não ser legível. Se for uma foto, a claridade é inferior ao ideal.

Condições

  • A imagem parece normal e legível ao analisar a imagem em uma nova aba do navegador ou em resolução total.
  • O problema só aparece em sua central de ajuda.

Etapas de resolução

Embora esse problema pareça o mesmo em todas as situações, pode haver alguns motivos para ele ocorrer.

O CSS está fazendo com que a imagem seja redimensionada

As imagens vêm em todos os tamanhos, mas normalmente em uma central de ajuda, os limites são ditados por onde elas estão localizadas. Por exemplo, a maioria dos corpos de artigos na Central de Ajuda tem cerca de 700px de largura. Se uma imagem de 2000 px de largura for adicionada, é provável que a imagem seja distorcida, pois o navegador precisa fazer com que a imagem fique dentro do corpo mais estreito do artigo.

Para corrigir isso, ajuste o CSS para permitir uma imagem maior ou salve a imagem com uma resolução muito mais próxima do tamanho de sua localização relativa. No exemplo acima, salvar a imagem para uma resolução com uma largura de 700 px dá uma representação mais verdadeira da imagem. Além disso, dimensionie a altura para o novo tamanho adequado em seu software de edição de fotos.

Dica: Algumas de nossas equipes internas conseguiram compactar a imagem para a cor de 8 bits para downloads mais rápidos (não redimensionar as dimensões da imagem), depois usar o atributo width para dimensioná-la em artigos (<img src="[image URL]" width="500px"/>). Use um editor de imagens para criar os arquivos coloridos de 8 bits.

Como alternativa, existem algumas propriedades CSS mais experimentais, como image-rendering, que afetam como o navegador exibe suas imagens. O CSS personalizado está fora do escopo do soporte ao cliente Zendesk, mas você pode ter sucesso usando essas propriedades.

O nível de zoom do navegador é definido como um valor maior que 100%

Quando você usa a ferramenta de zoom em um navegador, se depois navegar para outro website, essa configuração de zoom pode persistir e permanecer com zoom. Isso pode causar problemas para a aparência das imagens, pois o navegador está trabalhando para decidir a aparência de uma imagem, tanto após considerações de CSS quanto com uma configuração de zoom diferente. Para restaurar a aparência da imagem, volte para 100% de zoom no navegador.

Aviso sobre a tradução: este artigo foi traduzido por um software de tradução automática para oferecer a você uma compreensão básica do conteúdo. Medidas razoáveis foram tomadas para fornecer uma tradução precisa, no entanto, a Zendesk não garante a precisão da tradução.

Em caso de dúvidas relacionadas à precisão das informações contidas no artigo traduzido, consulte a versão oficial do artigo em inglês.

Powered by Zendesk