> For the complete documentation index, see [llms.txt](https://docs.grano.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/imagem.md).

# Imagem

Card utilizado para colocar imagens e/ou textos na plataforma.

Esse tipo de card simplifica a estrutura do LMS, permitindo basicamente o cadastro de **uma imagem simples** (com um card).

### <mark style="color:blue;">Acompanhe o passo a passo do cadastro e veja exemplos no final:</mark>

Para adicionar um card do tipo "Imagem", entre no módulo que deseja incluir o card e clique em “Adicionar Card’’

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FljJIJWGLPRz1HIe4OiVP%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.34.02.png?alt=media&amp;token=dc6e118f-28f8-44a5-b3ca-aecf936c95ba" alt=""><figcaption></figcaption></figure></div>

Em tipo de card selecione “Imagem’’

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2F0dHOZa7M0JBZLpw5ffKX%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.24.34.png?alt=media&amp;token=d270999d-532f-4664-b2b9-d1c5a8111f73" alt=""><figcaption></figcaption></figure>

Informe o <mark style="background-color:yellow;">**nome do card**</mark> - O campo "Nome do Card" é para uso interno (facilitar a organização).

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2Ff9JImLDwCOaEn2yD9LDh%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.37.03.png?alt=media&amp;token=75c428c0-f9e3-49fb-986a-bb12a18da049" alt=""><figcaption></figcaption></figure></div>

Informe o <mark style="background-color:yellow;">**peso do card**</mark> de acordo com a lógica de pontuação desejada

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FwbJlHKm3Cq37PpJeT7fK%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.29.10.png?alt=media&amp;token=3f33cec3-016e-4fc8-9935-de013383e65e" alt=""><figcaption></figcaption></figure></div>

Adicione os <mark style="background-color:yellow;">**textos**</mark> relacionados a esse card para serem usados na busca da plataforma

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FzuvO2me4TaDb14ShfqMv%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.29.46.png?alt=media&amp;token=d0d23305-08fa-4b7f-8ba5-421d822299d7" alt=""><figcaption></figcaption></figure></div>

Selecione a <mark style="background-color:yellow;">**imagem**</mark> desejada. O tamanho indicado é **1080x1920 pixels** no formato **jpg**.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FYi4fL0AgsgsTN9jJoCK3%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.31.31.png?alt=media&amp;token=1e800f1a-c0b5-488e-a762-ead3fde21ad5" alt=""><figcaption></figcaption></figure></div>

* O tamanho da imagem será sempre com largura 100%, para preencher todo o Card.
* Caso a altura da imagem passe do *container*, a aplicação adicionará um scroll automaticamente.
* Se a imagem for menor que o *container*, ela será centralizada ao meio.

Ao final, clique no botão **“Salvar”** para gravar todas as informações editadas.&#x20;

![](https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FYlxVevXaSgTvKPFjK6oQ%2FCaptura%20de%20Tela%202023-03-14%20a%CC%80s%2016.32.08.png?alt=media\&token=d7854d96-6ee8-4354-923c-5ee10fb12118)

{% hint style="warning" %}
Na Grano, é necessário que você fique atento aos **tamanhos** dos arquivos e mídias no momento de fazer o cadastro dos cards.\
\
**Cards imagem = até 800 KB**\
**Gifs e Vídeos que são cadastrados direto na plataforma =** **até 200KB** - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc)\
**Sons = até 10 MB**\
\
**Lembre-se:** arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. \
\
Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.
{% endhint %}

### <mark style="color:blue;">Exemplos de cards do tipo "Imagem":</mark>

![](https://lh6.googleusercontent.com/WQs7f01CJR7rzlhxttw_aC0n4sjlau9qM-VLWL3BKMZ7jzsLqnm3r3uLg8HragMP_c2hg34JchtEk9b-0LL75qY9xjCofh6X1qY7b_QflkY6A_l_urVdOJ-sVcvDnar56ZCz4rDJ_CuX45514s9-v5o)

![](https://lh4.googleusercontent.com/YIZ7snGVEMJecwAxZbh8IrUwBAS8B34f89CTxpUDsNMpt9zZtqWOoDANSG3Emcm1k5Wg4JKWtx21bSZzMDDa1PLv7Lg9zkZ6YD5etnOoS5tYNUBA-0kUfeuNkoiHLu4r161GTzKwAftbyTPNosMLDJI)

***

> *© 2026 Grano Edtech LTDA. Todos os direitos reservados.*