Escolha uma Página

Você quer aprender como exibir imagens em tamanho real no WordPress?

A versão mais recente do WordPress redimensiona automaticamente imagens grandes para melhorar o desempenho. Mas às vezes você pode precisar exibir imagens com dimensões maiores.

Neste tutorial, vamos compartilhar quatro maneiras diferentes de exibir imagens em tamanho real em seu site WordPress.

Como exibir imagens em tamanho real no WordPress

Por que o WordPress está dimensionando imagens grandes?

As versões anteriores do WordPress permitiam que os usuários carregassem imagens com dimensões muito grandes.

Mas, o que aconteceu é que os iniciantes do WordPress estavam enviando imagens que eram simplesmente grandes demais para a web moderna. Imagens grandes levam a velocidades lentas de carregamento do site e baixo desempenho.

Para corrigir esse problema, a atualização do WordPress 5.3 mudou a forma como o WordPress lida com imagens muito grandes.

Por exemplo, se você carregar uma imagem com as dimensões de 5.000 px por 7.000 px, o WordPress irá redimensionar a imagem para 2560 px e dimensionar a largura para corresponder às dimensões originais.

Agora, quando um usuário visita uma página com uma imagem anteriormente grande, ele verá a versão reduzida dessa imagem.

Isso leva a um melhor desempenho do site e a usuários mais felizes em geral.

Razões para parar o WordPress de dimensionar imagens

Este novo recurso é útil para a maioria dos proprietários de sites WordPress, mas alguns usuários podem precisar exibir imagens em tamanho real.

Por exemplo, se você é um fotógrafo ou artista que vende seu trabalho, convém exibir imagens maiores em seu site, para que os visitantes possam comprá-las ou baixá-las.

Ou você pode ter um site onde imagens maiores são um requisito, como um site de fotos de ações ou um site que vende fotos e impressões personalizadas.

Talvez você precise de uma imagem grande para a imagem de fundo da sua página inicial que seja maior do que os limites de 2560 px.

Não importa qual seja o seu motivo para querer uma imagem em tamanho real, mostraremos como fazer isso, passo a passo.

Como exibir imagens em tamanho real no WordPress (4 métodos)

Existem 4 maneiras diferentes de exibir imagens em tamanho real no WordPress.

Alguns métodos funcionam melhor para imagens únicas, enquanto outros são melhores para uma biblioteca de imagens inteira.

Você deve escolher o método de imagem em tamanho real adequado para seus objetivos.

Método 1. Obtenha o URL da imagem em tamanho real no WordPress

Se você deseja usar apenas uma ou duas imagens grandes em seu site, esta solução provavelmente é a melhor.

Quando você carrega uma imagem para o WordPress que excede as dimensões, o WordPress dimensiona sua imagem e cria uma nova. Mas, a imagem original ainda está intacta.

Para exibir as dimensões da imagem original, você precisará excluir “-scaled” do final do URL da imagem do WordPress e inserir a imagem em seu site com o link modificado.

Basta acessar sua biblioteca de mídia em Biblioteca de mídia e selecione sua imagem grande.

Biblioteca de mídia de imagens grandes

Agora, localize o seu ‘URL do arquivo’ na caixa da imagem.

Em seguida, você deseja excluir “-scaled” do final do URL da imagem.

Excluir URL da imagem dimensionada

Depois disso, você pode copiar o URL da imagem e inserir a imagem em seu site.

Observe que você precisará incorporar a imagem em seu site usando o link, menos a parte dimensionada.

Para fazer isso, navegue até uma postagem ou página à qual deseja adicionar a imagem e clique no ícone ‘+’ para adicionar um novo bloco.

Inserir novo bloco de imagem para imagem grande

Em seguida, clique no ícone ‘Imagem’ para adicionar um bloco de imagem onde você pode colar seu URL.

Clique em “Inserir do URL”, cole o URL da imagem em tamanho real na caixa e pressione “Enter”.

Adicionar URL de imagem não dimensionada

Depois disso, você precisará clicar em ‘Publicar’ ou ‘Atualizar’, se a postagem já estiver ativa, e sua imagem em tamanho real agora poderá ser visualizada em seu site.

Você pode seguir este mesmo processo para cada imagem em tamanho real que deseja adicionar ao seu site. Mas, contanto que você use o URL do arquivo menos “dimensionado”, suas imagens do WordPress serão exibidas em tamanho real.

Método 2. Desativar automaticamente o dimensionamento de imagem no WordPress (com um plug-in)

O segundo método é usar um plug-in WordPress para desativar o dimensionamento da imagem em seu site.

O plugin que recomendamos é denominado Desabilitar Limite de “Imagem GRANDE”. Este plug-in oferece uma das soluções alternativas mais fáceis para exibir imagens grandes em seu site e é totalmente gratuito para usar.

Primeiro, você precisará instalar e ativar o Desativar limite de “BIG Image” plugar. Para obter mais detalhes sobre a instalação de um plugin, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Depois de instalar e ativar o plug-in em seu site, ele removerá automaticamente o limite de imagem grande adicionado pelo WordPress.

Você está livre para adicionar novas imagens da mesma forma que antes da atualização de imagem do WordPress.

Quando este plugin está ativo, o WordPress não adicionará o atributo ‘-scaled’ a nenhuma imagem.

Método 3. Desativar automaticamente o dimensionamento de imagens grandes no WordPress (com trecho de código)

Outra opção é adicionar um snippet de código ao WordPress que cumpra o mesmo objetivo do plugin acima.

Se o plug-in não funcionar por algum motivo ou se você não quiser instalar muitos plug-ins, você pode usar este método.

O novo recurso de dimensionamento de imagem do WordPress usa um filtro chamado big_image_size_threshold.

Você vai querer usar o seguinte código para desativar esta função:

add_filter( 'big_image_size_threshold', '__return_false' );

Você precisa adicionar este código no arquivo functions.php do seu tema, em um plug-in específico do site ou usando o plug-in de snippets de código.

Método 4: abrir imagens WordPress em tamanho real em uma caixa de luz

A última opção é adicionar uma caixa de luz de imagem em tamanho real ao seu site. Com esta solução, você obtém o melhor dos dois mundos.

Você pode carregar miniaturas de imagens menores no conteúdo do seu blog, galeria ou carrossel e, quando clicado, aparecerá com sua imagem em tamanho real.

Mostrar efeito lightbox em tamanho grande

Para fazer isso, recomendamos o uso do plugin Galeria do Envira. É o melhor plugin de galeria de imagens WordPress do mercado e permite adicionar facilmente o efeito de imagem popup lightbox.

A primeira coisa que você precisa fazer é instalar o plugin Envira Gallery. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Depois de instalar e ativar o plugin, consulte nosso guia passo a passo sobre como criar uma galeria de imagens no WordPress com o efeito lightbox.

Lembre-se de que, antes de fazer upload de imagens em tamanho real para sua galeria, você precisará desativar o dimensionamento da imagem por meio do plug-in ou dos métodos de tema filho acima.

Caso contrário, suas imagens lightbox estarão usando a versão reduzida da imagem.

Por fim, é importante observar que, se você adicionar imagens de grandes dimensões, é essencial otimizá-las para a web, para não deixar seu site lento.

Esperamos que este artigo tenha ajudado você a exibir imagens em tamanho real no WordPress. Você pode querer ver nosso guia sobre otimização de imagens para SEO e nossa escolha especializada de 40 ferramentas úteis para gerenciar e expandir seu blog.

Se você gostou deste artigo, por favor, assine nosso Canal do Youtube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e o Facebook.

O post How to Display Full Size Images in WordPress (4 Methods) apareceu primeiro no WPBeginner.

Fonte