Neste artigo

Imagens impressionantes são um componente chave de qualquer site de sucesso. Se você tem um blog ou uma loja virtual, as imagens podem tornar seu conteúdo mais envolvente e fácil de digerir para os visitantes. Portanto, é importante saber como exibir e otimizar fotos de forma eficaz em seu site.

Felizmente, o WordPress oferece várias opções quando se trata de tamanhos de imagem. Ao aprender a aplicar algumas personalizações-chave em seu conteúdo, você pode garantir que as imagens que você usa em seu site sejam nítidas e estejam bem posicionadas.

Neste post, vamos analisar os tamanhos de imagem padrão do WordPress e quando usá-los. Também mostraremos como controlar e alterar essas configurações e como adicionar tamanhos de imagem personalizados ao seu site. Vamos começar!

Quer mais dicas? Receba notificações de novas publicações por e‑mail.

Como fazer upload de imagens no WordPress

Antes de explorarmos a variedade de tamanhos de imagem disponíveis no WordPress, vamos dar uma olhada rápida em como fazer upload de fotos para o seu site (e como acessá-las). Como você provavelmente já sabe, você pode inserir fotos diretamente em seus posts e páginas graças ao editor de blocos amigável:

Tudo o que você precisa fazer é clicar no sinal de mais (+) em qualquer página ou post e selecionar o bloco Imagem. Em seguida, você pode escolher Enviar para selecionar um arquivo do seu computador ou clicar em Selecionar imagem para usar uma imagem existente em seu site.

Alternativamente, você pode fazer upload de imagens diretamente na sua biblioteca de mídia. Acesse Mídia em seu painel do WordPress e clique em Adicionar novo:

Essa opção pode ser especialmente útil se você sabe quais fotos deseja usar em seu site, mas ainda não tem certeza em quais posts ou páginas deseja colocá-las. Também permite que você faça upload de fotos em massa.

Todas as fotos que você faz upload para o seu site serão armazenadas em sua biblioteca de mídia (mesmo se você adicioná-las por meio do editor de blocos). Isso significa que você não precisa procurar em seus posts por uma foto que deseja editar ou recortar. Você pode simplesmente acessá-la na página Mídia.

Recomendamos usar nomes descritivos para os títulos das suas imagens. Você também pode escrever uma descrição:

Se você é um blogueiro prolífico, é provável que seu inventário de fotos continue crescendo. Dar nomes identificáveis às suas imagens facilitará a busca por elas em seu site.

Por fim, se suas tentativas de fazer upload de imagens falharem, resultando em mensagens de erro, a solução geralmente é simples, basta seguir estas dicas de solução de problemas de upload de imagens.

Como usar os tamanhos de imagem padrão do WordPress

Toda vez que você faz upload de uma foto para o seu site, o WordPress gera automaticamente diferentes tamanhos para ela. Estes são os tamanhos padrão para cada site:

Miniatura: 150px quadrado
Médio: Largura e altura máximas de 300px
Grande: Largura e altura máximas de 1024px
Tamanho completo: O tamanho original da sua imagem

Você pode ver essas opções ao fazer upload de uma foto em um post. Selecione a imagem e localize a opção Tamanho da imagem no painel de configurações e clique no menu suspenso:

Dependendo do tema que você está usando, você pode ver algumas opções adicionais de tamanho de imagem no menu. No entanto, vamos nos concentrar nos tamanhos padrão do WordPress listados acima.

Vamos começar com as miniaturas. Essas são as imagens pequenas que você normalmente vê em seus feeds de blog:

Quando você define uma imagem destacada para um post, essa imagem aparecerá como uma miniatura ao lado (ou acima) do título do post no feed do blog. No entanto, você também pode usar a versão em miniatura de uma imagem dentro do seu post.

Por exemplo, você pode querer exibir algumas fotos pequenas em uma linha:

No entanto, na maioria dos casos, recomendamos que você opte por imagens maiores em seus posts. Isso pode tornar seu conteúdo visualmente mais atraente e ajudar a quebrar blocos longos de texto. Se você está exibindo seu próprio trabalho, usar tamanhos de imagem grandes também pode ajudar a chamar a atenção para os detalhes das suas fotografias.

Quando você deseja que suas imagens realmente se destaquem, você pode escolher entre as opções Grande ou Tamanho completo. Este último exibe suas imagens em seus tamanhos originais, preservando sua qualidade.

Na verdade, as imagens exibidas em seus tamanhos originais tendem a ser um pouco mais nítidas do que aquelas definidas para um tamanho de imagem Grande:

Você também pode considerar o uso de imagens grandes e de tamanho completo em seus cabeçalhos e banners. Enquanto isso, você pode usar a opção Médio se quiser exibir fotos menores em seus posts (ou se quiser evitar sobrecarregar seu site com muitos arquivos de imagem ‘pesados’):

As opções de tamanho disponíveis podem parecer um pouco limitadas. No entanto, você sempre pode recortar imagens para os tamanhos exatos desejados. Vamos dar uma olhada rápida nesse processo.

Recortando suas imagens no WordPress

Para começar, selecione uma imagem em seu post ou página e clique no ícone de recorte na barra de ferramentas:

Em seguida, você pode selecionar o ícone de proporção de aspecto para escolher um tamanho diferente para sua imagem:

Você também pode definir dimensões personalizadas para sua imagem.Simplesmente localize a seção Largura/Altura no painel de configurações e faça os ajustes necessários:

Alternativamente, você pode editar uma imagem da Biblioteca de Mídia. Vá para Mídia, selecione a imagem e clique no botão Editar:

Você verá uma nova janela pop-up. Clique em Editar Imagem para prosseguir:

Em seguida, você pode recortar a imagem como desejar, arrastando os cantos da moldura:

Selecione a opção Recortar para escolher um tamanho de proporção para sua imagem. Quando estiver pronto, clique em Concluído. Observe que essas alterações substituirão a imagem original.

O recorte de fotos pode ser um processo demorado. Portanto, é bom saber que o WordPress permite personalizar os tamanhos de imagem padrão. Na próxima seção, veremos como ajustar essas configurações.

Como ajustar os tamanhos de imagem padrão

Como vimos, o WordPress gera automaticamente diferentes tamanhos para cada imagem que você envia para o seu site. Ele faz isso para ajudar a garantir que a imagem correta seja usada no local correto (por exemplo, miniaturas em feeds de blog, imagens grandes em cabeçalhos).

No entanto, você pode optar por personalizar esses tamanhos de imagem para atender melhor às suas necessidades. Se você está constantemente recortando suas imagens enviadas, alterar os tamanhos padrão pode economizar muito tempo e esforço.

Para fazer isso, acesse Configurações > Mídia no painel do WordPress:

Aqui você pode ver as dimensões padrão para cada tamanho disponível. Se você deseja alterar alguma dessas configurações, basta inserir suas próprias dimensões nos campos Largura e Altura.

Por exemplo, você pode querer que as miniaturas sejam um pouco menores ou maiores:

Quando estiver satisfeito com os novos tamanhos de imagem, clique no botão Salvar Alterações na parte inferior da página. Agora, sempre que você selecionar um tamanho padrão para sua imagem (por exemplo, médio ou grande), o WordPress a exibirá nas dimensões que você acabou de definir.

Como adicionar mais tamanhos de imagem ao WordPress

Para recapitular o que vimos até agora, o WordPress vem com quatro tamanhos de imagem padrão, que você pode ajustar conforme necessário. Você também pode recortar imagens para tamanhos personalizados. Além disso, o tema WordPress que você está usando pode oferecer tamanhos de imagem adicionais que você pode usar.

No entanto, se o seu site tiver muitas imagens, você pode descobrir que ter apenas quatro tamanhos padrão para escolher não é suficiente. Talvez você queira adicionar mais opções para não precisar recortar manualmente suas imagens sempre que quiser usar um tamanho diferente.

Felizmente, é possível adicionar mais tamanhos de imagem ao seu site. A maneira mais fácil de fazer isso é usar um plugin. Recomendamos o Image Regenerate & Select Crop:

Esse plugin permite que você gerencie configurações mais avançadas para suas fotos e crie novos tamanhos de imagem personalizados. E é gratuito para usar. Observe que, se você tiver um site WordPress.com, precisará de um plano com suporte a plugins ou superior para instalar plugins.

Para começar, instale e ative o plugin no seu site. Quando estiver pronto, vá para Image Regenerate & Select Crop > Tamanhos Adicionais:

Comece inserindo um nome para o novo tamanho de imagem personalizado. Em seguida, defina as dimensões desejadas nos campos Largura Máxima e Altura Máxima. Você também pode escolher se deseja que o WordPress recorte automaticamente suas imagens para essas dimensões exatas.

Quando estiver pronto, clique em Salvar Alterações. Você pode criar quantos tamanhos personalizados desejar. No entanto, tenha em mente que eles ocuparão o espaço de armazenamento do seu servidor. Além disso, ter muitos tamanhos de imagem pode deixar o desempenho do seu site mais lento.

Se você quiser remover um tamanho que criou, vá para Configurações > Mídia e encontre o tamanho de imagem personalizado:

Em seguida, apague o texto do campo Nome dos Tamanhos de Imagem e clique em Salvar Alterações. Recomendamos que você mantenha apenas os tamanhos que precisa. Se houver opções que você não está usando, talvez queira excluí-las para liberar espaço de armazenamento.

Você também pode remover um tamanho de imagem padrão do seu site. No entanto, esse processo requer um pouco de conhecimento técnico, incluindo conhecimento em programação. Além disso, alguns temas ou plugins podem esperar que os tamanhos de imagem padrão existam e podem ter problemas de funcionalidade se eles não existirem. Portanto, achamos que a remoção de tamanhos de imagem padrão deve ser evitada na maioria dos casos.

O tamanho perfeito para a imagem destacada

Uma das perguntas mais comuns sobre tamanhos de imagem no WordPress é: “Qual tamanho de imagem devo usar para as imagens destacadas do meu site”?

Infelizmente, não há uma resposta única. O tamanho perfeito para a imagem destacada do seu site pode ser diferente do tamanho do site de outra pessoa. Isso ocorre principalmente porque diferentes temas usam larguras de layout diferentes, então cada tema pode ter um tamanho personalizado que funciona melhor dentro do seu layout. Verifique a documentação do seu tema para ver se ele recomenda um tamanho específico.

Além disso, se você compartilhar seus posts nas redes sociais, cada serviço tem seu próprio “tamanho de imagem perfeito” e, é claro, nenhum deles tende a se ajustar bem aos outros.

Como os temas e os sites de redes sociais preferem tamanhos diferentes, você precisará experimentar para determinar o melhor tamanho de imagem destacada para suas necessidades.

Aqui estão alguns tamanhos de imagem destacada sugeridos para experimentar.

1920×1080 – Este é o tamanho de imagem maior que recomendamos. Esse tamanho geralmente funciona melhor para a maioria dos temas e sites de redes sociais, mas tenha em mente que algumas áreas da imagem podem ser cortadas.
1200×630 – Este tamanho funciona melhor para muitos temas clássicos e para compartilhamento no Facebook.
1024×512 – Este tamanho deve ser considerado se você planeja compartilhar principalmente no X (Twitter).

Independentemente do tamanho que você escolher, tente manter o foco principal da imagem próximo ao centro, com espaço suficiente acima, abaixo e nas laterais desse foco, sempre que possível. Como a maioria dos serviços corta as bordas, deixando o centro da imagem visível, você não precisará se preocupar em cortar partes importantes da imagem.

Conclusão

As imagens podem tornar seu conteúdo mais interessante e fácil de entender para seus leitores. O WordPress vem com alguns tamanhos padrão para suas imagens, que vão de miniaturas a fotos grandes. Você também pode exibir imagens em seus tamanhos originais ou recortá-las para as dimensões desejadas.

Se você está procurando opções adicionais, pode usar um plugin como o Image Regenerate & Select Crop para adicionar mais tamanhos de imagem personalizados. No entanto, se houver tamanhos de imagem personalizados que você não está usando, recomendamos que você os exclua do seu site para liberar mais espaço de armazenamento e melhorar o desempenho do seu site.