Mídia

Imagens

O uso de imagens é uma ótima maneira de impulsionar seu site do WordPress.com. Este guia mostrará as diferentes formas de adicionar imagens.

Sumário

Tipos de arquivo de imagem

É possível fazer upload dos seguintes tipos de imagem para um post ou página:

  • .jpg/.jpeg
  • .gif
  • .png

↑ Tabela de Conteúdo ↑

Guias de imagem

As imagens têm centenas de utilidades. Por isso, nós as dividimos em várias páginas:

  • Como fazer upload de imagens: tudo o que você precisa saber para colocar em seus posts e páginas imagens do seu computador, da internet ou da biblioteca de mídia.
  • Configurações de imagem: adicione um título ou uma legenda às suas imagens. Isso inclui instruções sobre onde encontrar informações básicas sobre sua imagem, como o link permanente, dimensões de imagem e tipo de arquivo.
  • Como editar imagens: sua imagem está de ponta cabeça ou grande demais? Este é um guia sobre como cortar, rotacionar e escalonar suas imagens.
  • Galerias e slideshows: exiba suas imagens em uma galeria ou slideshow.
  • Otimização de imagens: ao diminuir o tamanho do arquivo de imagem antes de inseri-la, as páginas e o upload serão carregados com mais rapidez.
  • Solução de problemas: não está conseguindo fazer upload de suas imagens? Veja algumas dicas para corrigir esses problemas.
  • Como encontrar imagens gratuitas e outras mídias: precisa de uma imagem de copyleft ou de domínio público para seu site? Veja algumas sugestões sobre onde encontrá-las.

↑ Tabela de Conteúdo ↑

Exemplos

Aqui, apresentamos alguns exemplos práticos de como exibir suas imagens usando blocos. As imagens aparecerão de formas diferentes dependendo do tema que você estiver usando no seu site, então faça um teste!

Todas as imagens são uma cortesia da biblioteca de fotos gratuita do Pexels.


Bloco de imagem

O bloco de imagem serve para adicionar uma única imagem. Ele é minimalista, mas, em conjunto com o bloco de colunas, é capaz de produzir um design criativo, como é mostrado no tema Coutoire.

Estilo padrão:

Foto de NEOSiAM 2020 em Pexels.com

Estilo arredondado:

Foto de NEOSiAM 2020 em Pexels.com

Bloco de cobertura

O bloco de cobertura é mais bem aproveitado com um tema que permita a exibição com largura total. Os temas Dalston, Alves e Maywood favorecem a exibição desse bloco.

O bloco inclui opções de planos de fundo fixos, sobreposição de gradiente e diferentes estilos de exibição.

Fundo fixo ativado


Fundo fixo desativado


Sobreposição de gradientes com estilos de onda inferior e superior


Bloco de galeria

O bloco de galeria permite que você adicione várias fotos com facilidade e as organize de forma automática e atraente.


Bloco de slideshow

O bloco de slideshow é uma ótima opção para compartilhar fotos sem ocupar muito espaço de uma página ou post. Veja-o no tema Rivington.

O exemplo abaixo usa a opção de reprodução automática. Conheça todas as outras opções no guia do bloco de slideshow.


Bloco de mídia e texto

Com o bloco de mídia e texto, você posiciona ao lado do texto uma imagem ou vídeo.

Ele oferece a opção de empilhar a mídia e o texto em dispositivos móveis.

Para usá-lo de forma criativa, você pode exibi-lo nos temas Exford e Barnsbury.

“Se há um livro que você quer ler, mas não foi escrito ainda, então você deve escrevê-lo.”

— Toni Morrison

No lado esquerdo, você vê como o empilhamento na opção de dispositivo móvel exibirá o conteúdo.

Por padrão, a mídia será exibida no topo.


Bloco de comparação de imagens

Use o bloco de comparação de imagens para colocar uma imagem ao lado da outra (ou acima e abaixo) e use um controle deslizante para identificar as diferenças entre elas.

Side by Side comparison

Above and below comparison

Bloco de galerias lado a lado

O bloco de galerias lado a lado inclui uma opção de bordas arredondadas e apresenta quatro estilos diferentes:

  • Mosaicos lado a lado
  • Grade circular
  • Mosaicos quadrados
  • Colunas lado a lado

É uma forma criativa de compartilhar imagens e pode ser um grande complemento ao bloco de slideshow, como apresentado no tema Rivington.

Mosaicos lado a lado


Grade circular


Mosaicos quadrados com a opção de bordas arredondadas


Colunas lado a lado


CoBlocks

O CoBlocks é uma biblioteca de blocos gerenciada pelo GoDaddy, disponível para você no WordPress.com. Ele inclui quatro tipos de galerias:

  • Collage
  • Stacked
  • Masonry
  • Offset

E conta com diversas opções adicionais:

  • Ativar o efeito lightbox em imagens
  • Exibir ou ocultar legendas
  • Criar um link para imagens individuais
  • Controles de medianiz para definir o espaço entre imagens
  • Aplicar filtros em imagens (escalas de cinza, sépia, saturação, esmaecimento ou vintage)

As galerias podem ser exibidas em largura total com os temas que possibilitam isso, conforme apresentado no tema Mayland.


Bloco Collage

O bloco Collage faz montagens com imagens, criando uma bela galeria de colagens.

Exibição padrão


Exibição lado a lado com o filtro sépia


Exibição em camadas com efeito de sombra e filtro de escalas de cinza


Bloco Masonry

O bloco Masonry exibe diversas imagens com o melhor posicionamento com base no espaço vertical disponível, quase como um pedreiro encaixando blocos na parede.


Bloco Offset

O bloco Offset exibe imagens em uma galeria com padrão de uma parede de tijolinhos.


Não confunda com o bloco de carrossel de posts. Com o bloco Carousel do CoBlocks, você pode mostrar somente imagens dentro de um carrossel.

Veja uma animação de como será exibido:

O bloco Carousel está disponível somente nos sites com os planos Negócios e eCommerce com plugins instalados.


Bloco Stacked

O bloco Stacked exibe diversas imagens em uma única galeria empilhada de coluna.

Filtro de saturação

Filtro vintage


Bloco GIF

Com o bloco GIF, é fácil adicionar algumas imagens em GIF do Giphy.
Assim, você expressa seus sentimentos no seu site de forma colorida.

Alegria

Tristeza

Ainda confuso?

Contate o suporte.