Image

Um bloco Image coloca uma imagem no email. Adicione-o a partir do menu Blocks de uma secção ou de uma coluna.

​

Como é renderizado

A imagem entra no email como uma imagem simples, dimensionada por Width e Height e alinhada por Alignment. Dentro de uma coluna ignora o Width e toma a largura da coluna, por isso uma imagem numa coluna de 40 por cento sai a 40 por cento da secção. É isso que faz uma imagem ao lado de um parágrafo alinhar. O bloco não define nenhum máximo para o tamanho do ficheiro nem para as dimensões em píxeis do que escolher. Uma fotografia saída diretamente de um telemóvel sai com o seu peso total, por isso reduza-a antes de a carregar.

​

Definições

• Image abre a Media Library, com Upload media para um ficheiro novo e dois separadores para o que já lá está. Fields lista as variáveis que carregam uma imagem, como um logótipo de marca ou um avatar de remetente. Escolha uma dessas e a imagem muda consoante a pessoa de que o email trata.
• Width é Auto, que mantém a imagem no seu próprio tamanho, ou Full, que a estica para preencher o que a contém.
• Alignment é esquerda, centro ou direita, e não faz nada à largura Full.
• Height é Auto, Full ou Custom, que abre um slider de 10 a 300 píxeis.
• Border radius arredonda os cantos: None, Normal, Large ou Custom, para um valor por canto.

O texto alternativo não está neste painel. Pertence à imagem, por isso define-o na Media Library. Abra Image, clique na imagem e preencha o Alt text no cartão que se abre. Recorre ao título da imagem quando o deixa vazio, e é por isso que vale a pena renomear um upload chamado image.png. Uma imagem do separador Fields é a exceção. Aí ambas as caixas são só de leitura, por isso um logótipo de marca ou uma foto de remetente carrega o título da variável como texto alternativo e não pode receber outro. Escreva texto alternativo que diga para que serve a imagem, não qual é o seu aspeto. Um destinatário cujo cliente bloqueia imagens vê essa linha em vez da imagem, e imagens bloqueadas são o caso normal e não a exceção.

​

Relacionados

• Email Builder: Visão geral cobre o construtor, a barra de ferramentas, o tema e todos os tipos de bloco.
• Adicionar imagens aos seus emails percorre a Media Library.
• Two Columns é onde uma imagem toma a largura da coluna.
• Variáveis cobre os tokens por trás do separador Fields.
• Signature tem a sua própria imagem, dimensionada e recortada por si.