Como Adicionar Imagens no WordPress em 2022A Tutorial-Adicionando Imagens no Clássico e Gutenberg Editores (+ Redução do Tamanho do Arquivo)

Hoje, nós estamos quebrando para baixo como adicionar imagens no WordPress e reduzir o tamanho do arquivo (para manter suas páginas & postos de carregamento rápido possível).

quando você está apenas aprendendo os fundamentos de como iniciar um blog, há muito a descobrir, eu entendo. Falamos sobre como alterar o tamanho da fonte, alterar a cor da fonte, criar um link clicável e muito mais aqui.A boa notícia é que, em 2022, é muito fácil aprender a adicionar imagens no WordPress com todas as atualizações de usabilidade e aprimoramentos que eles viram na última década.

neste tutorial rápido, mostrarei como adicionar imagens em postagens do WordPress, tanto no editor clássico (que prefiro usar) quanto por meio de seu editor Gutenberg mais recente.

agora, vamos mergulhar na adição de imagens às suas postagens do WordPress—ao mesmo tempo em que reduzimos o tamanho do arquivo o máximo possível, para ficar de acordo com as melhores práticas de SEO e manter suas páginas carregando o mais rápido possível.

Como Adicionar Imagens do WordPress (e Reduzir o Tamanho do Arquivo) em 2022

1. Adicionando Imagens para Postagens no Clássico Editor do WordPress
2. Adicionar Imagens de empregos em Gutenberg Editor do WordPress
3. Adicionar uma Imagem de Destaque para um Post no WordPress

Agora, rapidamente, antes de mergulhar neste tutorial sobre como adicionar imagens para WordPress, Eu vou mostrar-lhe como reduzir uma imagem do tamanho do arquivo (ajudando seus posts carregar mais rápido) em 2 passos fáceis.

Instalar o (Gratuito) Comprimir JPEG & Imagens PNG Plugin por pequenos PNG

Você pode fazer o download gratuito Comprimir JPEG & Imagens PNG Plugin para o WordPress aqui do WordPress plugin da biblioteca.

Alternativamente, você também pode procurar o plugin e instalá-lo diretamente dentro do menu do plugin, acessível no lado esquerdo da seção de administração do seu blog aqui-ou confira este tutorial rápido sobre como instalar um plugin WordPress:

Depois de instalada a Comprimir JPEG & Imagens PNG Plugin, a cada nova imagem que você enviar para o seu blog WordPress será automaticamente otimizado e o tamanho de arquivo reduzido tanto quanto possível, sem comprometer a qualidade da sua imagem.

Nota: Este é o melhor plugin de compressão de imagem no mercado de longe. Ele permite até 500 compressões de imagem gratuitas por mês (o que é muito mais do que você provavelmente precisará) antes de ter que atualizar para um plano pago em $.009 / imagem além de seus primeiros 500 a cada mês. É uma pechincha séria e você não encontrará um plugin de compressão melhor que lhe dê mais créditos gratuitos.

no entanto, se você quiser fazer compactação de imagem diretamente em seu próprio computador (ilimitado gratuitamente), recomendo o aplicativo ImageOptim.

carregue suas imagens

é isso! A sério, é assim tão fácil.

depois de instalar o plugin de compactação em seu blog—ou ter compactado imagens individuais em seu computador primeiro—você está pronto para enviá-las para suas postagens ou páginas no WordPress.

agora, vamos explorar exatamente como adicionar imagens ao WordPress.

1. Adicionar imagens A postagens no editor clássico do WordPress

se você é como eu e ainda prefere o layout clássico do editor do WordPress para adicionar / editar suas postagens,siga aqui.

por outro lado, se você estiver usando o editor Gutenberg mais recente para o conteúdo da postagem, pule para a próxima seção para esse passo a passo. Se você não tiver certeza de qual editor está usando, dê uma olhada nas capturas de tela da imagem abaixo aqui e compare-as com a aparência do seu editor. Quer usar o Editor clássico, mas não tem certeza de como obtê-lo? Leve 2 minutos para acompanhar o tutorial simples do Yoast sobre como instalar o Editor clássico em seu blog WordPress.

1. Abra a postagem à qual você está adicionando imagens (e encontre o local certo)

primeiro, você precisará ter certeza de que está dentro da postagem à qual deseja adicionar uma imagem.

então você vai querer navegar o cursor para o lugar exato dentro de sua postagem que você deseja adicionar a imagem.

2. Clique no botão” Adicionar mídia ” na parte superior do seu Editor

esse botão ficará assim aqui:

depois de clicar no botão “Adicionar mídia”, você será apresentado com a tela onde você pode fazer upload de seu arquivo de imagem.

3. Clique em”Carregar arquivos”

clique na guia “carregar arquivos” e você será levado para a tela onde poderá usar a ferramenta seletor para escolher um arquivo de imagem de onde ele está localizado no seu computador.

como Alternativa, se você arrastar um arquivo de imagem do seu ambiente de trabalho e carregando—você pode ignorar o “Upload de Arquivos” da tela e seguir direto para arrastar a imagem em a e soltando-a (há um demo na próxima etapa).

4. Eu prefiro arrastar arquivos de imagem da minha área de trabalho e soltá-los no uploader de arquivos (em vez de usar o seletor para localizá-los no meu computador), pois é muito mais rápido.

Aqui está um rápido video/GIF demonstração de como adicionar uma imagem a partir de sua área de trabalho para o WordPress:

Depois de carregar a imagem, a compressão vai plugin de trabalho é a magia para ajudar a reduzir o tamanho do arquivo (por trás das cenas).

Nota: Antes de terminar sua imagem opções e clicar em “Inserir no post”, você vai querer escrever um SEO amigável Texto alternativo para uma imagem de algo que descreve a natureza do que está ocorrendo em sua imagem e, idealmente, a tecelagem em uma das palavras-alvo que você está esperando artigo irá, eventualmente, classificação (em resultados de busca orgânica).

5. Selecione Suas opções de imagem e clique em “Inserir na postagem”

finalmente, você terá algumas opções para definir para sua imagem. Isso inclui:

• Controlar o alinhamento de como a sua imagem aparece dentro de seu post (eu sempre selecione alinhamento ao Centro)
• Tornando a sua imagem de link para outra página ou post em seu blog (ou um link externo que você deseja direcionar os leitores para)
• tamanho do Ecrã (eu sempre recomendamos o carregamento de como tamanho completo para evitar uma perda na qualidade da imagem)

Depois de selecionar uma dessas opções, você está pronto para clique em “Inserir no post” e você está pronto para ir!

esse botão estará bem aqui no canto inferior direito da tela:

Agora, você será levado de volta para a janela do editor e verá a imagem que acabou de adicionar sentado ali mesmo onde o carregou.

lembre-se de que você ainda tem algumas opções de edição rápidas & fáceis se decidir que deseja alterar algo com a exibição de sua nova imagem:

• Você pode redimensioná-lo manualmente, agarrando um dos cantos e arrastando-a para cima ou para baixo em tamanho
• Você pode clicar para baixo no centro da imagem e arrastá-la dentro de seu post para reposicionar
• Você pode sempre excluir a imagem, clicando em “backspace” ou “delete” no seu teclado e comece

E é isso! Você aprendeu a adicionar uma imagem ao WordPress com o Editor clássico.

2. Adicionando imagens A postagens no editor Gutenberg WordPress

no editor Gutenberg WordPress, suas opções de edição de postagem parecerão muito diferentes do que você verá no editor clássico.Gutenberg adota uma abordagem de adicionar / editar conteúdo por meio de um sistema de “blocos” como blocos de texto, blocos de cabeçalho, blocos de imagem e assim por diante. Então, vamos mergulhar na adição de imagens em Gutenberg.

1. Selecione o ícone” Adicionar imagem ”

depois de ter certeza de que está adicionando uma imagem no local certo em sua postagem, selecione o ícone “Adicionar imagem”. Vai ficar assim aqui:

depois de clicar no ícone “Adicionar imagem”, você terá algumas opções de como adicionar uma imagem à sua postagem.

2. Escolha como você adicionará a imagem

em Gutenberg, você tem algumas opções rápidas de como adicionar uma imagem no WordPress. Isso inclui:

• Upload (que vai abrir um seletor de tela que permite que você escolha o arquivo de imagem do seu computador)
• Biblioteca de Mídia (que leva você para a sua biblioteca de imagens—a partir do qual você também pode arrastar & cair em uma imagem)
• Inserir URL (se houver uma imagem localizada em algum lugar online que você gostaria de importar, você pode colar esse link aqui)

Aqui está um instantâneo dessas opções (pessoalmente, eu apenas clique em “Upload” e rapidamente pegue a imagem que eu quero da minha área de trabalho):

3. Carregue sua imagem

depois de selecionar a imagem que deseja enviar, basta clicar no botão “Abrir” e ela será adicionada à sua postagem.

agora que você adicionou a imagem, uma miniatura menor dela aparecerá como um novo bloco em sua postagem.

aqui está uma captura de tela de como isso vai parecer:

4. Configurações de imagem& opções de edição rápida

Antes de seguir em frente, você deseja discar as configurações de imagem (de acordo com as melhores práticas de SEO).

e assim como com o Editor clássico, você poderá definir muitas configurações e propriedades diferentes para uma imagem. Com Gutenberg, é feito um pouco diferente. Suas configurações de imagem estão localizadas na barra lateral direita (depois de clicar uma vez na imagem).

veja como são essas configurações:

certifique-se de definir as configurações de imagem para pelo menos essas duas propriedades:

• Escrever SEO-friendly texto alternativo que descreve a imagem e tece uma frase de palavra-chave
• tamanho da Imagem (eu sempre exibir imagens de tamanho completo para evitar uma perda na qualidade)

Você também pode clicar no “Estilo” configurações para adicionar mais algumas nuances do estilo & built-in de corte de recursos com Gutenberg.

5. Movendo imagens dentro de uma postagem via Gutenberg

um efeito colateral muito legal do foco do editor Gutenberg em torno do uso de “blocos” de conteúdo, é a facilidade com que você pode mover suas imagens (ou quaisquer blocos de conteúdo para esse assunto) dentro de uma postagem.

depois de clicar uma vez na imagem que você deseja reorganizar dentro de sua postagem—você verá as setas “para cima” e “para baixo” aparecerem ao lado da imagem.

clique nessas setas para mover sua imagem para cima ou para baixo dentro de sua postagem, assim:

e é isso! Está pronto.

agora você aprendeu como adicionar uma imagem ao WordPress no editor Gutenberg também 🙂

3. Adicionar uma imagem em destaque a uma postagem no WordPress

as imagens em destaque são essenciais em um blog WordPress-porque são as imagens que são exibidas na parte superior das postagens do seu blog (e nos resultados da pesquisa e nas plataformas de mídia social quando seu conteúdo é compartilhado).Por último, mas não menos importante, veja como adicionar uma imagem em destaque a uma postagem (ou página) no WordPress.

perto do canto inferior direito da janela do editor do WordPress, você verá uma seção para adicionar uma imagem em destaque. Clique em “Definir imagem em destaque” e você será levado para a tela de upload de imagem padrão, onde poderá adicionar a imagem que deseja exibir na parte superior da postagem (também nos resultados da pesquisa e nas plataformas sociais).

Depois de ter carregado a imagem que você deseja usar e clicar em “Configurar imagem de destaque”, você será levado de volta para o seu editor de tela e você verá uma pequena miniatura da imagem que está sendo exibida no canto inferior direito (para confirmar você adicionou o direito de imagem) assim:

Muito simples, certo?

se você selecionou a imagem errada (ou deseja fazer alterações mais tarde), basta clicar no texto “Remover imagem em destaque” e terá a oportunidade de selecionar ou enviar uma imagem diferente para ser apresentada em sua postagem.

Considerações Finais sobre como adicionar uma imagem no WordPress

adicionar imagens às suas postagens no WordPress não precisa ser difícil.Se você está usando o Editor clássico ou Gutenberg para o seu blog, a equipe por trás do WordPress tem trabalhado duro para tornar a adição de imagens um processo muito fácil.

se você ainda está tendo problemas, por favor me mande um comentário na parte inferior deste post e estou feliz em ajudá-lo a solucionar quaisquer problemas que você está tendo.

isso é tudo para hoje!

acabamos de abordar como adicionar imagens no WordPress 👏

como o que você vê? Inscreva-se para obter mais tutoriais e conselhos sobre blogs.

Quer Mais Tutoriais De Blogs?

vá e confira meu guia definitivo para começar um blog e ganhar dinheiro com isso este ano.