Tentando descobrir como redimensionar uma imagem no WordPress sem quebrar seu layout ou deixar seu site lento?
Já me deparei com esse problema mais vezes do que consigo contar. Quer eu estivesse adicionando imagens ao blog, fotos de produtos ou logotipos, imagens muito grandes sempre deixavam a página lenta e com aparência ruim. Foi quando comecei a usar o editor de imagens integrado do WordPress — é mais rápido que a maioria dos plugins e faz o trabalho bem.
Neste guia, mostrarei exatamente como redimensionar, cortar, espelhar e girar imagens no WordPress — e como desfazer essas alterações, se necessário. Você não precisará de ferramentas ou códigos extras. Apenas alguns cliques dentro do seu painel.
Vamos começar com um resumo rápido do que você pode fazer na Biblioteca de Mídia do WordPress.
Resumo Rápido: O WordPress permite redimensionar, cortar, girar, espelhar e restaurar imagens diretamente na Biblioteca de Mídia — sem necessidade de ferramentas extras. Esses recursos integrados podem ajudar a acelerar seu site, melhorar a experiência do usuário e reduzir o espaço de hospedagem.
- Redimensionar: Use ‘Redimensionar Imagem’ para diminuir imagens grandes sem cortar.
- Cortar: Clique e arraste para aparar imagens visualmente.
- Girar: Gire imagens 90° para a esquerda ou direita.
- Espelhar: Espelhe imagens horizontal ou verticalmente.
- Restaurar: Redefina para a imagem original com um clique.
Sumário
Vamos começar?
Por que devo redimensionar imagens no WordPress?
Redimensionar as imagens que você adiciona ao WordPress é importante por 2 motivos:
- Para garantir que seu site não fique lento com a pressão de carregar imagens grandes.
- Para economizar espaço no servidor de hospedagem do seu site.
Se você ainda não tomou medidas para melhorar o desempenho do seu site, a compressão de imagens é um bom lugar para começar.
Se você usa fotos de banco de imagens de alta qualidade ou trabalha com imagens tiradas da sua câmera, é provável que suas imagens tenham tamanhos de arquivo bem grandes. Embora esses arquivos de imagem grandes possam ser ótimos para impressão, tamanhos de imagem menores funcionam melhor na web, pois os navegadores levam menos tempo para carregar.
A maioria dos temas do WordPress é otimizada para um conjunto específico de tamanhos de imagem que geralmente são:
- Grande
- Média
- Pequena
- Miniatura
Decidir quais tamanhos de imagem são necessários no seu tema e redimensionar suas imagens carregadas para corresponder é uma ótima maneira de garantir que suas imagens carreguem rapidamente.
Não tem certeza de qual deve ser o tamanho das suas imagens?
Primeiro, descubra a largura da sua área de conteúdo no WordPress. Sua área de conteúdo é onde qualquer texto ou imagem que você adiciona ao seu site é exibido.
Você pode verificar isso usando a Ferramenta de Inspeção do Chrome. Clique com o botão direito em qualquer lugar do seu site e selecione Inspecionar. Em seguida, passe o mouse sobre a área de conteúdo para ver sua largura em pixels — não é necessário mexer no código.
Uma janela com código aparecerá. Não se preocupe com o quão assustador isso parece, você não precisará fazer nada com o código.
Mova o cursor sobre o código até ver uma coluna destacada, geralmente em azul. Você notará uma dica na parte superior da área destacada. O primeiro número é a largura do conteúdo do seu tema.
No nosso caso, a largura é de 695 pixels. Isso significa que qualquer imagem que carregarmos não deve ter mais de 695 pixels de largura.
Agora você tem o ponto de partida para o tamanho da sua imagem, pode criar uma imagem destacada ou redimensionar suas imagens existentes no WordPress.
Vamos dar uma olhada mais de perto em como você pode usar o WordPress para redimensionar imagens.
Como redimensionar uma imagem no WordPress?
Usar o WordPress para redimensionar imagens é bem simples.
Para começar, vá para Mídia » Biblioteca no seu painel de administração do WordPress.
Agora, carregue ou clique na imagem que você gostaria de redimensionar no WordPress.
A partir daqui, clique em Editar Imagem.
Sob o título Redimensionar Imagem, você pode redimensionar a imagem inserindo novas dimensões. Esta ferramenta encolhe a imagem sem cortar nada, e o WordPress mantém automaticamente a proporção correta.
Se você inserir apenas uma largura, a altura será calculada automaticamente com base na proporção da imagem ou vice-versa.
Na primeira caixa, insira a largura da sua área de conteúdo. No nosso caso, foram 695 pixels.
Quando terminar, clique em Redimensionar para ajustar o tamanho da imagem.
Para usar a imagem redimensionada, volte para a página de detalhes da imagem e copie o URL, como mostrado na captura de tela abaixo.
É isso! Você agora usou o WordPress para redimensionar uma imagem e pode usá-la onde quiser.
Para ter uma ideia de como redimensionar uma imagem pode impactar a velocidade da sua página, vamos dar uma olhada na velocidade da página da imagem original em comparação com a imagem redimensionada.
Usamos a ferramenta de teste de velocidade de site do Blog Tyrant para este exemplo.
Aqui está o resultado do teste do tamanho original da imagem quando adicionada a um post de blog padrão.
E aqui estão os resultados para a imagem redimensionada.
Mesmo pequenas diferenças no tamanho da imagem podem somar rapidamente. Por exemplo, nossa imagem original tinha 2,5 MB — após o redimensionamento, caiu para 280 KB. Isso é uma redução de 90%. Em um site com dezenas de imagens, essas economias podem fazer suas páginas carregarem mais rápido e evitar que os visitantes saiam.
Mas imagine um site com centenas de imagens. Mesmo a menor diferença nos tempos de carregamento pode ter um grande impacto na probabilidade de os visitantes permanecerem na sua página.
Ainda assim, o WordPress oferece mais do que apenas redimensionamento de imagens. Você também pode usá-lo para cortar, girar e virar imagens. Vamos descobrir como?
Como posso cortar uma imagem no WordPress?
Para cortar uma imagem no WordPress, seguiremos os mesmos primeiros passos que fizemos com o redimensionamento de uma imagem.
Acesse Mídia » Biblioteca, clique na imagem que você deseja cortar e clique em Editar imagem.
Em seguida, clique e arraste o mouse sobre a imagem para começar a cortar. Cortar significa remover bordas indesejadas para focar em uma parte específica da imagem.
Você pode clicar em qualquer um dos pequenos quadrados para ajustar a área cortada ou mover a área pela imagem. Quando estiver satisfeito, clique no ícone Cortar, como mostrado abaixo.
Agora clique em Salvar.
Simples assim, você cortou sua imagem!
Novamente, selecione o URL na página de detalhes da imagem para usar a imagem cortada.
Mas e se você quiser girar sua imagem em uma direção diferente? Não se preocupe, o WordPress também pode fazer isso. Mostraremos como a seguir.
Como girar uma imagem no WordPress?
Para aprender como girar uma imagem no WordPress, siga estas instruções.
Primeiro, acesse Mídia » Biblioteca, escolha sua imagem e clique em Editar imagem.
Agora clique nos botões Girar para a esquerda ou Girar para a direita para girar sua imagem em 90 graus por vez.
Se você errar, não entre em pânico. Clicar no botão Desfazer reverterá a imagem para a última etapa.
Clique em Salvar quando estiver satisfeito.
Ótimo trabalho! Girar uma imagem no WordPress é bem fácil, não é? Agora vamos ver como espelhar uma imagem.
Como espelhar uma imagem no WordPress?
Espelhar uma imagem no WordPress segue os mesmos passos básicos de girar uma imagem.
Primeiro, acesse Mídia » Biblioteca no seu painel do WordPress, selecione sua imagem e, em seguida, clique em Editar imagem.
Para espelhar sua imagem, clique no botão Espelhar verticalmente ou Espelhar horizontalmente. Espelhar inverte a imagem — verticalmente significa de cabeça para baixo, horizontalmente significa da esquerda para a direita.
Clique em Salvar quando terminar.
Com todas as alterações que você fez em sua imagem, e se você quiser voltar à imagem original e começar de novo? Continue lendo para descobrir como fazer isso.
Posso desfazer edições de imagem no WordPress?
Todos nós erramos de vez em quando. Somos humanos, certo?
Se você errar ao redimensionar suas imagens usando o WordPress, nós te ajudamos. Existe uma maneira fácil de voltar à imagem original.
Na imagem abaixo, claramente cortamos a imagem no lugar errado e redimensionamos a imagem para dimensões muito pequenas.
Olhe para o lado direito da tela de edição de imagem e você verá um título chamado Restaurar imagem original.
Clicar nisso revela um botão que permite restaurar a imagem ao seu tamanho original.
Clique em Restaurar imagem para redefinir todas as suas alterações. Isso traz de volta a imagem exatamente como estava quando você a carregou pela primeira vez — removendo quaisquer cortes, espelhamentos, giros ou alterações de tamanho que você fez.
Agora, sua imagem está exatamente como estava quando você a carregou pela primeira vez. Bem útil, não é?
Aí está!
Hoje você aprendeu como usar o WordPress para redimensionar imagens. Além disso, como espelhar, cortar, girar e restaurá-las também.
Você também descobriu como encontrar o tamanho ideal de imagem com base na área de conteúdo do seu tema WordPress. Agora, quando os visitantes acessarem seu site, os navegadores carregarão suas imagens mais rapidamente sem perder qualidade.
Esperamos que você tenha gostado de aprender a redimensionar imagens no WordPress. Se você estiver procurando por mais ajuda, consulte os seguintes guias:
- Como Adicionar uma Galeria a Páginas do WordPress
- Como Alterar o Layout do Blog no WordPress
- Como Criar uma Página Personalizada no WordPress
- Como Incorporar Vídeo no WordPress
- Como Alterar Fontes em Temas do WordPress
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
Olá, estou tentando redimensionar uma imagem e tentei usar a opção Editar imagem como você mostra acima. Infelizmente, o WordPress diz 'Não é possível criar uma nova imagem'. Você poderia me ajudar com isso?
Olá,
O motivo mais provável é a falta do mod-gd instalado.
Se você estiver trabalhando online com uma empresa de hospedagem e tiver o Cpanel como sua plataforma de hospedagem, você pode habilitar este módulo no Cpanel através de
Seletor PHP—> extensões—> gd.
Me avise se tiver mais perguntas.
Atenciosamente,
Redimensionar não fez nada. A menos que eu tenha perdido alguma etapa, segui suas instruções e a imagem permaneceu do mesmo tamanho que estava antes.
Sim, tentei novamente. Isso não está mudando o tamanho para mim.
Olá Travis,
Para que possamos ajudar ainda mais, você se importaria de nos dizer se recebe algum erro ao editar/salvar uma imagem?
Obrigado,
Isso não funciona mais no wp.com. Quando clico na imagem, "editar imagem" está no topo. Quando clico nisso, ele só me permite girar, cortar ou virar. Eu uso o wp há anos e sempre encontrei uma maneira de contornar isso. Agora, parece que o único método é editá-lo offline antes de fazer o upload.
Estou perdendo alguma coisa?
Olá Scott,
Primeiro, posso confirmar se você está usando a versão gratuita do WordPress.com ou a versão auto-hospedada do WordPress.org? Este guia é voltado para versões auto-hospedadas do WordPress. Também é uma boa ideia verificar se sua instalação do WordPress está atualizada para quaisquer problemas.
Olá, estou tentando adicionar imagens através de um widget na parte inferior da minha página, mas na página elas aparecem maiores do que a imagem original importada, o que faz com que a imagem fique menos nítida. Redimensionei as imagens aproximadamente 190/50 e 90/90 (para logotipos redondos) antes de adicioná-las à minha mídia. Como posso ajustar a imagem na página para que ela apareça com o tamanho da imagem original importada? Devo ajustar isso no tema da página? O que estou perdendo aqui?
Olá Dann,
Se você fizer upload de uma imagem, poderá editá-la aqui: https://a.supportally.com/oCDtrF
A opção de fazer upload de uma imagem usando tamanhos como miniatura/médio/grande, etc., não está mais presente usando blocos Gutenberg. Você pode instalar o editor clássico para que esta opção apareça: https://a.supportally.com/OZ9Pyz
Atenciosamente,
Olá. Eu uso a versão gratuita do WordPress há mais de 10 anos e você pode imaginar que tenho ficado muito insatisfeito com a nova interface deles ultimamente. Então, uma pergunta rápida: eles removeram a opção de definir tamanhos de imagem como Grande, Médio, Pequeno e Miniatura??? Juro que não consigo mais encontrá-la em nenhum menu usual ou mexendo nos "blocos" de imagem/galeria.
Olá Emerson,
Se eu entendi sua pergunta corretamente. Os blocos a que você se refere são os blocos de imagem/galeria do Gutenberg do WordPress e não sobre o plugin SeedProd, correto? Se sim, a opção não está disponível usando os blocos do Gutenberg. Você pode redimensionar a imagem usando o link Editar. Veja aqui: https://a.supportally.com/oCDtrF
Ou você pode instalar o plugin Classic Editor. A opção de fazer upload de imagens usando tamanhos diferentes ainda está disponível.
Atenciosamente,
Tentei redimensionar um jpg que atualmente tem 850 x 369. Quando tento diminuir a escala, ele diz que o arquivo está restrito a 800 de largura. A imagem parece muito grande em 850 e 800. O que posso fazer?
Oi Brenna, você pode tentar editar a imagem em um editor de imagens online ou software de edição de imagens para reduzir o tamanho do arquivo e depois fazer o upload novamente para o seu site.
Eu sei que deveria ter começado meu blog com imagens menores, mas agora a página carrega tão pequena. Existe alguma maneira de fazer upload de novas imagens (que sejam menores) sem precisar reformatar cada post?
Oi Adam. Você pode tentar um destes plugins de compressão de imagem. Muitos otimizam automaticamente as imagens sem que você precise fazer o upload novamente.
8 de maio de 2023
Não há "redimensionar imagem" na função de edição de imagem, nem há nada que possa ser ajustado em relação ao tamanho da imagem. Nem consigo editar o tamanho da imagem em um editor de posts usando HTML. Parece que simplesmente não há maneira visível de fazer isso... MAS eu sei que deve haver uma maneira ou muitos desistiriam do wp. Você pode me ajudar a descobrir isso? Seu post pode estar desatualizado porque o wp não quer permitir que os usuários redimensionem ou escalonem imagens. Mas como esse é um bom plano de negócios? Frustrada em Massachusetts
Oi Michael, as configurações que você vê dentro do editor de imagens podem parecer diferentes se você estiver usando o WordPress.com, a versão hospedada, em comparação com o WordPress.org, a versão auto-hospedada. Você pode aprender a diferença entre os dois aqui. Se você ainda estiver enfrentando problemas, sugerimos que entre em contato com os fóruns de suporte na plataforma WordPress relevante.
Isso atinge o ponto principal... exatamente o que eu precisava e vou mudar para .org usando sua tremenda orientação. Obrigado!
Fico feliz que isso tenha te ajudado! Se precisar de mais alguma coisa, sinta-se à vontade para perguntar.
Oi Stacey, existe alguma etapa depois de redimensionar e "copiar" o link? Eu sigo esses passos, mas minhas imagens não estão redimensionadas em meu post.
Abraços
Oi Laura,
Certifique-se de que, após redimensionar sua imagem, você saia do post em que está trabalhando e atualize sua página, depois edite o post novamente e adicione sua imagem. Às vezes, é necessário uma pequena atualização para mostrar a nova versão redimensionada. Espero que isso ajude!