> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Imagem

<img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/imagem.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=c565da7f44dd88562746563bd6ba72a3" width="1700" height="900" data-path="images/imagem.png" />

O elemento Imagem é usado para exibir uma imagem única em destaque na sua página. Ele é ideal para complementar o conteúdo visualmente, ilustrar uma informação, mostrar um produto, um print ou qualquer outro recurso gráfico.

## Para que serve

* Ilustrar o conteúdo com uma imagem forte.

* Mostrar um produto, print ou resultado.

* Adicionar um toque visual a páginas mais textuais.

* Apoiar títulos e chamadas com impacto.

## O que você pode configurar

### Imagem

Faça o upload de uma imagem diretamente do seu dispositivo.

### Tamanho

Defina o tamanho de exibição da imagem em pixels.

### Animação

Escolha o tipo de entrada (ex: Aparecer).

### Imagem Linkável

Ative esta opção para transformar sua imagem em um elemento clicável que pode direcionar o usuário para outras páginas ou funções do seu fluxo.

<video muted className="aspect-auto w-full rounded-xl" controls src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/videos/video-element-image-linkable.webm?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=d23efd8045a77f50c4eb0e864132f600" data-path="videos/video-element-image-linkable.webm" />

**Identificador:**

Defina um nome único para sua imagem linkável. Este identificador é fundamental para que o sistema possa contabilizar corretamente os cliques nos relatórios e análises de performance.

**Destino do Link:**

Após ativar a imagem linkável, você poderá conectar a imagem a outras páginas do seu fluxo ou funções específicas através do sistema de ligações.

**Regras Importantes**

* **Ativação**: Para ativar a imagem linkável, você deve primeiro definir um identificador único.
* **Ligação Obrigatória**: Após ativar, é obrigatório conectar a imagem a um destino no fluxo antes de finalizar a configuração.
* **Desativação Segura**: Para desativar a imagem linkável, você deve primeiro remover a ligação no fluxo. Isso evita que usuários cliquem em uma imagem sem destino definido.
* **Rastreamento**: O identificador permite que o sistema rastreie e reporte corretamente os cliques na imagem nos relatórios de performance.

**Dica para imagens linkáveis**

Quando usar imagens linkáveis, escolha identificadores descritivos e únicos (ex: "botao-cta-principal", "link-produto-destaque"). Isso facilitará a análise dos relatórios e ajudará a identificar quais elementos estão gerando mais engajamento no seu fluxo.

## Recomendação de tamanho

Para melhores resultados, use imagens no formato quadrado com dimensões de 1080 x 1080 pixels.
Esse tamanho garante ótima qualidade e adaptação visual tanto em desktop quanto no mobile, sem cortes ou distorções. Ideal para prints, ícones grandes ou imagens de destaque!

## Dica de uso

Use esse elemento para destacar uma imagem que realmente precisa de atenção. Evite exageros e prefira imagens com boa resolução. Ele é ótimo para quando você quer focar o olhar do visitante em um detalhe visual específico da sua oferta, diagnóstico ou conteúdo.