> 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

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="/files/OlBCl4EUePVKVDMpr1yX" alt=""><figcaption></figcaption></figure></div>

Em tipo de card selecione “Imagem’’

<figure><img src="/files/yKZ8Ogt1xZYsVDVeGfT6" 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="/files/JXUIKSbg4uKRB5uHQeoL" 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="/files/0bPjv9RmfASW0A7yNyfF" 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="/files/N7j2b6kam5krGJ2f1C0n" 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="/files/JBPNtOXfiUSgRppp8okt" 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;

![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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.*