Resumo da aula:

🎓 Resumo da Aula – Criando e Otimizando Imagens com IA para o Blog

🧠 Objetivo da Aula

Ensinar como:

  1. Criar imagens com IA de forma gratuita
  2. Otimizar essas imagens para o site (melhor desempenho e carregamento rápido)

Etapas da Aula

1. Gerar Prompt com ChatGPT (opcional)

  • Copie o conteúdo da postagem do blog.
  • Peça ao ChatGPT:
    “Gere um prompt para criar uma imagem destacada sobre esse post para o ImageFX.”
  • Isso ajuda a IA a entender o tema e criar uma imagem coerente.

2. Criar Imagem com o ImageFX (Google)

  • Acesse: labs.google → ImageFX
  • Faça login com sua conta Google.
  • Cole o prompt ou descreva manualmente o que você quer, como:
    “Mulher pensativa em um consultório”
  • Clique em “Criar” → A IA vai gerar 4 variações da imagem.
  • Escolha uma e clique no botão “Baixar”.

3. Converter a Imagem para o Formato WebP

  • Motivo: formatos como JPG e PNG não são ideais para sites.
  • Acesse: converte.io
  • Clique em “Selecionar arquivos” e envie sua imagem.
  • Converta para o formato .webp.
  • Baixe a imagem convertida.

4. Comprimir a Imagem com TinyPNG

  • Acesse: tinypng.com
  • Envie a imagem .webp convertida.
  • O site irá comprimir a imagem (reduzir drasticamente o tamanho).
  • Baixe a versão comprimida (sem perder qualidade).
    • Exemplo: de 1356 KB → 38 KB.

5. Subir a Imagem no WordPress

  • No editor de postagens:
    • Clique em “Imagem destacada”
    • Envie a imagem comprimida e no formato webp
    • Clique em “Definir imagem destacada”
    • Por fim, clique em “Atualizar” ou “Salvar” a postagem.

💡 Importante

  • Nunca use imagens direto do Google (podem ter direitos autorais).
  • Evite imagens em JPG ou PNG em sites.
  • Sempre use .webp comprimidas — seu site será mais rápido e bem ranqueado no Google.

🔁 Resumo do Processo em 4 Passos

  1. (Opcional) Use o ChatGPT para gerar um prompt com base na postagem.
  2. Gere a imagem com ImageFX (Google).
  3. Converta para .webp com o Converte.io.
  4. Comprimir com TinyPNG e use no blog.

Outras aulas:

WordPress e Elementor – Introdução

Aula 01

WordPress e Elementor – Edição Básica

Aula 02

WordPress e Elementor – Edição Intermediaria – Parte 01

Aula 03

WordPress e Elementor – Edição Intermediaria – Parte 02

Aula 04

WordPress e Elementor – Manutenção

Aula 05

WordPress e Elementor – Responsividade

Aula 06