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

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, compartilharemos 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 impedir 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, pode exibir imagens maiores em seu site, para que os visitantes possam comprá-las ou baixá-las.

Ou você pode ter um site em que imagens maiores sejam 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 de sua página inicial que seja maior do que os limites de 2560 pixels.

Não importa qual seja o 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 ‘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 o 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ê precisa clicar em ‘Publicar’ ou ‘Atualizar’, se a postagem já estiver no ar e sua imagem em tamanho real agora poderá ser visualizada em seu site.

Você pode seguir esse 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 é chamado de Disable “BIG Image” Threshold. 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 plugin Disable “BIG Image” Threshold. Para obter mais detalhes sobre como instalar um plug-in, consulte nosso guia passo a passo sobre como instalar um plug-in 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 imagens 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, poderá 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 plugin específico do site ou usando o plugin Code snippets.

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 blog, na galeria ou no 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 a 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 ressaltar que se você adicionar imagens de grandes dimensões, é fundamental 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, inscreva-se em nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.



Esse artigo foi agregado do link: https://www.wpbeginner.com/wp-tutorials/how-to-display-full-size-images-in-wordpress-4-methods/

Artigos Recentes

Apresentando Parceiros de comércio digital: nossa agência de marketing de conteúdo e SEO

Bem, olá. Só porque não sou mais CEO, não significa que você não terá notícias minhas. Agora que não tenho responsabilidades de “adulto” por...

Como verificar o tráfego do site para qualquer site (7 melhores ferramentas)

Quer verificar o tráfego de qualquer site, incluindo o seu? Verificar o tráfego do site permite que você veja o desempenho do seu site e...

4 maneiras de coletar dados valiosos de primeira parte em um mundo sem cookies

Como Políticas do iOS 14 do Facebook estão começando a entrar em vigor junto com Anúncio recente do Google sobre atualizações de privacidade, os...

Como redatores autônomos podem conseguir mais clientes através de ligações não solicitadas

Em junho de 2010, deixei meu trabalho como conselheiro escolar na Tailândia, voltei para os Estados Unidos e comecei meu próprio negócio de redação...

Comparação dos 5 melhores serviços de transcrição de 2021 (baratos e precisos)

Você está procurando os melhores serviços de transcrição? Os serviços de transcrição permitem que você simplesmente converta voz em texto. Você pode usar essas...

Artigos Relacionados

Leave A Reply

Please enter your comment!
Please enter your name here

Fique atualizado com nossos artigos - receba gratuitamente