Solução de problemas para imagens desfocadas

As imagens no seu site estão desfocadas ou com baixa qualidade? Este guia aborda algumas das causas mais comuns de imagens desfocadas em um site do WordPress e como resolvê-las.

Uma imagem aparecerá desfocada se for muito pequena para o espaço em que é exibida. Embora não haja um tamanho único recomendado, consulte nosso guia de otimização para saber como garantir que uma imagem seja grande o suficiente para ser exibida em boa qualidade, mas não tão grande a ponto de diminuir a velocidade do seu site.

Se suas imagens estiverem desfocadas, comece fazendo upload de um arquivo de imagem maior de alta qualidade e verifique se o resultado ficou melhor.

Se o upload de uma imagem maior e mais clara não melhorar a exibição dela no site ativo, talvez o problema seja um dos listados abaixo.

Se sua conexão com a Internet estiver muito lenta, as imagens poderão ser baixadas com uma qualidade inferior, fazendo com que elas pareçam desfocadas. Tente carregar seu site com uma conexão diferente e mais rápida para verificar se as imagens ficam melhores assim.

Esta seção do guia destina-se a sites com o plano WordPress.com Negócios e Commerce e o antigo plano Pro. Se você tiver um plano Negócios, certifique-se de ativá-lo. Para sites com o planos Gratuito, Pessoal e Premium, faça upgrade do seu plano para acessar essa funcionalidade.

Todos os sites do WordPress.com têm acesso ao Jetpack, que oferece muitas funcionalidades de desempenho, crescimento e segurança. Os sites em planos com plugins ativados se beneficiam de funcionalidades do Jetpack adicionais, incluindo a rede de distribuição de conteúdo (CDN) usada para acelerar o tempo de carregamento do seu site. Uma CDN é uma recomendação popular para acelerar seu site e melhorar a experiência dos visitantes.

Como parte dessa rede, o Jetpack compacta automaticamente as imagens enviadas à CDN para acelerar o carregamento delas. Na maioria dos casos, isso é bom porque é possível diminuir o tamanho das imagens de maneira considerável sem nenhuma diferença perceptível na qualidade. No entanto, isso pode deixá-las desfocadas ou com baixa qualidade, muitas vezes devido a outros plugins instalados ou a um conflito com um tema de terceiros.

Em sites com plugins ativados, siga estas etapas para testar se a CDN está fazendo com que as imagens do seu site apareçam em baixa qualidade:

1. Acesse o painel do seu site.
2. Vá até Jetpack → Configurações.
3. Clique na guia “Desempenho”.
4. Role para baixo até a seção Desempenho e velocidade.
5. Desative o botão Acelerar o carregamento de imagens.

Para obter opções de desenvolvedor avançadas para esse caso, consulte o guia sobre como gerenciar a funcionalidade de CDN do Jetpack usando ganchos.

Tomamos medidas para que suas imagens continuem intactas ao trocar de um tema do WordPress.com para outro. No entanto, alguns temas de terceiros não têm medidas semelhantes, o que pode afetar suas imagens quando você ativa ou desativa esses temas.

Se você recentemente trocou o tema do seu site e notou que todas as imagens enviadas no novo tema parecem boas, mas as enviadas no anterior parecem desfocadas, tente fazer upload das imagens mais antigas mais uma vez no novo tema para que elas sejam exibidas corretamente.

Se você está trabalhando em um site com plugin ativado, gere novamente as miniaturas desfocadas usando um plugin de geração de imagem ou, se você for um desenvolvedor, usando o WP-CLI. Com esses métodos, você não precisa fazer upload manual de todas as imagens mais antigas novamente.

Às vezes, a instalação de um novo plugin no seu site pode deixar suas imagens desfocadas. Atualizar um plugin existente também pode introduzir conflitos que afetem suas imagens.

Tente desativar o plugin para ver se a qualidade da imagem melhora. Talvez você também precise restaurar um backup feito antes da instalação do plugin para que as imagens voltem ao estado anterior.

Para obter instruções detalhadas sobre como solucionar problemas de conflitos de plugins, consulte este guia.