Saiba mais sobre as práticas recomendadas ao usar imagens em e-mails do Klaviyo Email, incluindo recomendações de tamanho e como adicionar imagens.
Práticas recomendadas para usar imagens em e-mails
Considere o seguinte ao criar imagens para usar em e-mails:
- O Klaviyo oferece suporte a arquivos de imagem JPEG, PNG e GIF. Você também pode fazer upload de um arquivo WebP e optar por fazer com que o Klaviyo o converta automaticamente em um arquivo PNG para você. Em geral, arquivos PNG vão ter a melhor exibição em diferentes dispositivos, principalmente para imagens que contêm texto.
- O tamanho máximo de arquivo de imagem compatível com a Klaviyo é de 10 MB. No entanto, recomendamos usar imagens de 1 MB ou menores, pois imagens maiores podem carregar lentamente, levando a uma experiência ruim para o destinatário. A ferramenta de compressão de imagens integrada da Klaviyo pode ajudar a reduzir o tamanho dos arquivos das imagens enviadas sem prejudicar significativamente a qualidade.
- Na web, usar resolução de 72 dpi é a melhor prática. Tente manter suas imagens com largura entre 600 e 1000 px e altura inferior a 2.000 px para imagens de largura total, a fim de equilibrar a qualidade da imagem e a velocidade de carregamento. Imagens que não ocupam toda a largura do e-mail podem ser menores que 600 px.
- Observe que uma imagem em largura total a 72 dpi geralmente terá mais de 1 MB, e reduzir o tamanho da imagem pode resultar em uma imagem visivelmente borrada ou de baixa qualidade. Ao escolher imagens para usar nas suas mensagens, considere a troca entre qualidade da imagem e tempo de carregamento: imagens grandes podem não aparecer imediatamente quando alguém abre seu e-mail, especialmente se a pessoa tiver uma conexão de internet lenta.
- Sempre adicione texto alternativo às suas imagens. Algumas caixas de entrada, incluindo Outlook e Apple Mail, não exibem imagens até que um destinatário opte por vê-las. Incluir texto alternativo ajuda os destinatários que usam essas caixas de entrada a entender o que uma imagem pretende transmitir e também dá suporte à acessibilidade.
Inserir um bloco de imagem
Para adicionar uma imagem a um modelo:
- Arraste um bloco de imagem para a tela de visualização e, em seguida, escolha qual imagem incluir.
- Depois de inserir o bloco de imagem, você vai receber uma solicitação para adicionar sua imagem ao:
- Arraste e solte uma ou mais imagens no bloco para fazer o upload instantaneamente
- Navegando no seu computador para localizar e fazer upload de uma ou mais imagens
- Importar de um URL
- Como escolher uma imagem na sua biblioteca de imagens
- Escolher uma imagem do seu catálogo de produtos (se você estiver integrado a uma plataforma de e-commerce ou tiver sincronizado um catálogo personalizado)
- Inserindo um URL de placeholder ou sequência de variáveis se você quiser que uma imagem seja preenchida dinamicamente (somente para fluxos)
Se você estiver fazendo upload de uma imagem, o tamanho máximo que você pode enviar é de 10 MB.
Compactação automática de arquivos de imagem
O Klaviyo inclui uma ferramenta automática de compressão de imagens como parte do processo de upload de imagem para ajudar você a equilibrar a nitidez da imagem com tempos de carregamento rápidos. Observe que esse recurso não é compatível com GIFs.
Quando você faz upload de uma imagem, uma etapa de Revisão mostra seu arquivo original e uma versão compactada para comparação. Cada prévia mostra o tamanho do arquivo, junto com a diferença percentual entre elas. O botão de alternância acima das imagens permite que você selecione qual versão enviar, e o Klaviyo adiciona um selo Recomendado à opção sugerida. No entanto, você pode substituir isso se notar uma perda de nitidez na versão compactada, o que pode acontecer com arquivos originais menores.
Observe que, se a imagem original for recomendada, o painel de comparação de imagens fica fechado por padrão. Se você enviou várias imagens de uma só vez, não deixe de revisar e escolher a opção de sua preferência para cada imagem individualmente.
Configurações de upload
Se você quiser pular a etapa de revisão ao fazer upload de imagens, ajuste suas Configurações de upload. Quando você fizer upload de uma imagem, verá o botão Configurações de upload.
Sua escolha aqui fica salva para uploads futuros. Você pode selecionar:
- Comparar (padrão): revise e escolha entre as versões original e compactada.
- Use os originais: sempre faça upload dos arquivos originais; sem etapa de revisão.
- Usar compactado: Sempre faça upload da versão compactada automaticamente do Klaviyo; sem etapa de revisão.
Cortar uma imagem
As imagens em blocos de imagem, blocos de divisão e blocos de tabela podem ser cortadas com facilidade.
- Clique no bloco de imagem.
- Clique em Cortar abaixo do ícone de imagem à esquerda.
Você pode optar por recortar uma imagem em um círculo, um quadrado ou um retângulo com largura e altura personalizadas. Quando você corta uma imagem no editor, a imagem completa é preservada, ou seja, você pode ajustar ou remover o corte a qualquer momento.
- Quando terminar de recortar, clique na seta de voltar para aplicar suas alterações.
Redimensionar uma imagem
Para redimensionar uma imagem, use os controles deslizantes de redimensionamento na tela.
Imagens em modelos de HTML enviados
Para modelos HTML que você copiar para o Klaviyo (com exceção de modelos do MailChimp), você vai fazer upload de um arquivo .zip com suas imagens durante o processo de importação.
Especificamente para modelos do MailChimp, se você fizer upload de um modelo que contenha imagens já carregadas no MailChimp, a Klaviyo copiará automaticamente todas essas imagens.
Depois de fazer upload de uma imagem, você pode usar o botão Inserir imagem para fazer upload de novas imagens para esse modelo:
Qualidade da imagem
Se você está preocupado que suas imagens não estejam sendo exibidas de forma tão limpa ou nítida nos seus modelos quanto gostaria, você pode tomar medidas para melhorar a qualidade das imagens.
Um dos padrões mais comuns para melhorar a nitidez de uma imagem renderizada em um e-mail é inserir uma imagem com o dobro do tamanho desejado e depois reduzir o tamanho da imagem no seu modelo. Há duas maneiras de abordar isso:
- Insira uma versão grande e nítida da sua imagem no seu modelo, depois clique em Editar e redimensione para as dimensões que você preferir
- Insira uma imagem nativamente maior (isto é, 600 px de largura) e exibir em um tamanho menor (ou seja, 300px de largura) usando CSS; para seguir essa abordagem, você precisará inserir sua imagem em um bloco de HTML dedicado e ajustar o CSS diretamente
Tipos de imagem
A Klaviyo é compatível com os seguintes tipos de imagem: JPEG, PNG e GIF.
Você pode fazer upload de arquivos WebP e usar o conversor integrado da Klaviyo para convertê-los em arquivos PNG. No entanto, a conversão não é compatível com arquivos WebP animados.
Se você tiver outros formatos de arquivo, como PSD ou SVG, será necessário convertê-los para um tipo de imagem compatível antes de fazer upload.
Saiba mais sobre quais tipos de imagem são melhores para o seu e-mail.
A biblioteca de imagens
As imagens que você faz upload para a Klaviyo são armazenadas em Conteúdo > Imagens e marca > Imagens. Excluir uma imagem da sua biblioteca de imagens não vai removê-la de nenhum modelo em que ela esteja sendo usada no momento.