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.
width para redimensioná-los em artigos (
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.