As imagens melhoram o visual do seu site, transmitem informações de forma eficaz e aprimoram a experiência dos visitantes. Este guia mostrará as diferentes formas de adicionar imagens ao seu site do WordPress.
Há muito o que fazer com imagens, então dividimos as informações em várias páginas:
- Para verificar de quais formatos de imagem você pode fazer upload no WordPress.com, consulte o guia Formatos de arquivos aceitos.
- Faça upload uma imagem no seu site usando o bloco de imagem.
- Faça upload de uma galeria usando o bloco de galeria ou de galeria em colunas.
- Faça upload de um slideshow usando o bloco de slideshow.
- Faça upload de uma imagem de cabeçalho ou banner usando o bloco de cobertura.
- Adicione uma imagem ao lado do texto usando o bloco de mídia e texto ou compare duas imagens usando o bloco de comparação de imagens.
- Encontre imagens gratuitas para usar em seu site nestas fontes.
- Para recortar, redimensionar, girar, alinhar e legendar imagens, use as configurações do bloco no editor do WordPress.
- Saiba mais sobre essas configurações no guia do bloco de imagem ou explore nossos outros blocos de mídia.
- Visualize e exclua imagens do site na seção Mídia do seu painel.
- Também é possível girar, recortar e virar imagens em Mídia. Consulte Editar uma imagem na Mídia para saber como.
- Otimize suas imagens para que elas carreguem rapidamente e ocupem espaço de armazenamento mínimo.
- Solução de problemas com uploads de imagens – Não está conseguindo fazer upload das imagens? Confira algumas dicas para fazer upload de imagens com sucesso.
- Solução de problemas com imagens borradas – Saiba por que as imagens podem aparecer borradas em seu site, mesmo que a foto original enviada seja de boa qualidade.
Confira alguns exemplos de como exibir suas imagens no editor do WordPress. As imagens parecerão diferentes dependendo do tema que você usa em seu site, então experimente!
Todas as imagens são retiradas da biblioteca de fotos gratuita do Pexels.
Use o bloco de imagem para adicionar imagens únicas.
Estilo padrão:
Estilo arredondado:
Para mostrar duas imagens uma ao lado da outra, use o bloco de galeria:
Se você já tem uma única imagem inserida, basta arrastar e soltar uma segunda imagem ao lado dela. Ao arrastar o arquivo de imagem do seu computador, segure-o até aparecer uma linha vertical ao lado da primeira imagem e solte-o. Veja uma demonstração em vídeo de como fazer isso:
Use o bloco de mídia e texto para posicionar ao lado do texto uma imagem ou vídeo. Ele também oferece a opção de empilhar a mídia e o texto em dispositivos móveis:
Para saber mais opções de como posicionar o texto em relação a uma imagem, visite nosso guia Alinhar imagens ao texto.
Use um bloco de cobertura para imagens de cabeçalho e banner com largura total. É possível definir a imagem como um plano de fundo fixo (também conhecido como “efeito paralaxe” ou “rolagem paralaxe”), adicionar uma sobreposição de cores e até mesmo incluir texto e outros conteúdos sobre a imagem.
Plano de fundo fixo com efeito paralaxe:
Plano de fundo não fixo:
Use o bloco de galeria para exibir várias fotos de maneiras atrativas.
Use o bloco de slideshow para compartilhar várias fotos sem ocupar muito espaço de uma página ou post.
O bloco de galeria em colunas tem quatro estilos diferentes:
- Mosaicos
- Grade circular
- Mosaicos quadrados
- Colunas organizadas lado a lado
Mosaicos
Grade circular
Mosaicos quadrados com a opção de bordas arredondadas
Colunas organizadas lado a lado
Use o bloco de comparação de imagens para colocar duas imagens lado a lado (ou acima e abaixo) e use um controle deslizante para revelar as diferenças entre as duas imagens.
Suporte 