Grades de Imagens

Wiki da comunidade Usuários
1

:bookmark: Este guia explica o que são Grades de Imagem e como aplicá-las em suas postagens.

:person_raising_hand: Nível de usuário necessário: Nível de Confiança 0

Resumo

Este documento abrange:

  • Descrição de grades de imagem
  • Como elas podem ser aplicadas em postagens e como modificá-las
  • Layout básico de grades de imagem

Descrição das Grades de Imagem

Uma grade de imagem coloca todas as imagens em sua postagem em uma grade organizada e arrumada - em vez de uma lista.

Abaixo está um exemplo de uma grade de imagem.

Delta A321-200 Landing in Washington
Delta A321-200 Landing in Washington1750Ă—981 89.7 KB

Delta Air Lines A321 Parked at Detroit
Delta Air Lines A321 Parked at Detroit1695Ă—1257 272 KB

The Disney Wonder pulling into port at the Port of Vancouver
The Disney Wonder pulling into port at the Port of Vancouver1695Ă—1271 442 KB

A large commercial airplane with a red, white, and blue tail on a runway, ready for takeoff. (Captioned by AI)
A large commercial airplane with a red, white, and blue tail on a runway, ready for takeoff. (Captioned by AI)1920Ă—1323 134 KB

This image displays how to enable a grid using the top, leftmost image.
This image displays how to enable a grid using the top, leftmost image.1917Ă—1010 73.6 KB

Delta Air Lines CRJ200 landing in Salt Lake City.
Delta Air Lines CRJ200 landing in Salt Lake City.1280Ă—872 63.9 KB

Delta Air Lines A320-200 departing Minneapolis - St. Paul.
Delta Air Lines A320-200 departing Minneapolis - St. Paul.2000Ă—1333 102 KB

Adicionando uma grade de imagem Ă  sua postagem

Para adicionar uma grade de imagem em sua postagem, envolva-as dentro das tags [grid]...[/grid]. Abaixo está um exemplo de como isso pode parecer.

[grid]
![Image showing how to make a mini-grid inside of your grid.|690x363](upload://wsGrbtQSbwfrs945kFVFZzK94zj.jpeg)
![The image shows a large white Delta airplane taking off from an airport runway.  (Captioned by AI)|690x470](upload://nqFYUjIWIFGYgMNQ3WB2LBLjOgs.jpeg)
![An image of a large commercial passenger airplane in flight.  (Captioned by AI)|690x459](upload://29xpH4eiMUpwx0xBMQB2wyPM5A9.jpeg)
[/grid]

Você pode criar uma “mini-grade” dentro de sua grade clicando no ícone de alternância na foto superior, mais à esquerda em sua grade atual.

This image features a screenshot of a computer interface, with a focus on an image editing tool and a photo organizing application. (Captioned by AI)
This image features a screenshot of a computer interface, with a focus on an image editing tool and a photo organizing application. (Captioned by AI)1209Ă—498 162 KB

Layout básico de grades de imagem

Por padrĂŁo, uma grade de imagem Ă© organizada no seguinte padrĂŁo:

  • No celular, a grade Ă© definida como 2 colunas. No desktop, ela será definida como 3 colunas.
  • Se houver exatamente 4 itens na grade, as imagens serĂŁo organizadas em 2 colunas.
  • Elementos que nĂŁo sĂŁo imagens tambĂ©m podem ser usados (como vĂ­deos), no entanto, a grade nĂŁo ficará perfeitamente alinhada.
  • Os itens na grade sĂŁo organizados para garantir que as alturas das colunas sejam o mais prĂłximas possĂ­vel umas das outras, portanto, a ordem das imagens em seu editor nem sempre Ă© mantida.

Esta informação foi retirada do anúncio do recurso.

Recursos Adicionais

12 curtidas