As imagens na Central de Ajuda são apagadas ou distorcidas

Sintomas do problema

As imagens em um artigo ou uma publicação da comunidade são muito menos legíveis do que a original. Se esta é uma captura de tela de um aplicativo, o texto pode não ser lido. Se for uma foto, a clareza não é o ideal.

Condições

A imagem aparece normal e legível ao olhar em uma nova aba do navegador ou na resolução total.
O problema aparece apenas na sua central de ajuda.

Etapas de resolução

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

O CSS está fazendo com que a imagem seja redimensionada

As imagens são exibidas em todos os tamanhos, mas normalmente em uma central de ajuda os limites são ditados por onde estão localizados. Por exemplo, a maioria do corpo dos artigos na Central de Ajuda tem cerca de 700 px de largura. Se for adicionada uma imagem com 2000 px de largura, é provável que ela fique distorcida, pois o navegador tem para que essa imagem se ajuste no corpo mais estreita do artigo.

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

Dica: Algumas de nossas equipes internas tiveram sucesso ao compactar a imagem para uma cor de 8 bits para downloads mais rápidos (sem redimensionamento das dimensões da imagem), e então usar a palavra-chave width para redimensioná-los em artigos (). Use um editor de imagens para criar arquivos de cor de 8 bits.

Como alternativa, há algumas propriedades de CSS mais experimentais como image-rendering o que afeta a exibição das suas imagens no navegador. O CSS personalizado está fora do escopo do Suporte ao cliente Zendesk, mas pode ser bem-sucedido ao usar essas propriedades.

O nível de zoom do navegador está definido para um valor maior que 100%

Quando você usa a ferramenta de zoom em um navegador, se você navegar para outro website, essa configuração de zoom pode persistir e permanecer com o zoom. Isso pode causar problemas na exibição das imagens, pois o navegador está trabalhando para decidir a aparência de uma imagem após considerações de CSS e também de como ela deve ficar com uma configuração de zoom diferente. Para restaurar a aparência da imagem, volte para o zoom de 100% 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.