Saiba mais sobre as práticas recomendadas ao usar imagens nos e-mails da Klaviyo, incluindo recomendações de tamanho e como adicionar imagens.
Práticas recomendadas para o uso de imagens em e-mailsPráticas recomendadas para o uso de imagens em e-mails
Considere o seguinte ao criar imagens para uso em e-mails:
- O Klaviyo é compatível com arquivos de imagem JPEG, PNG e GIF. Em geral, os arquivos PNG são mais bem exibidos em todos os dispositivos, principalmente para imagens que contêm texto.
- O tamanho máximo do arquivo de imagem suportado pelo Klaviyo é de 10 MB. No entanto, recomendamos o uso de imagens com 1 MB ou menos, pois imagens maiores podem carregar lentamente, resultando em uma experiência ruim para o Destinatários. A ferramenta de compactação de imagem integrada do Klaviyo pode ajudar a reduzir o tamanho dos arquivos das imagens carregadas sem prejudicar significativamente a qualidade.
- Na Web, a prática recomendada é usar a resolução de 72 dpi. Tente manter suas imagens entre 600 e 1000 px de largura e menos de 2000px de altura para imagens de largura total, a fim de equilibrar a qualidade da imagem e a velocidade de carregamento. As imagens que não ocupam toda a largura do e-mail podem ser menores que 600px.
- Observe que uma imagem de 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 em suas mensagens, considere a troca entre a qualidade da imagem e o tempo de carregamento: imagens grandes podem não aparecer imediatamente quando alguém abre seu e-mail, especialmente se a conexão com a Internet for lenta.
- Sempre adicione texto alternativo às suas imagens. Algumas caixas de entrada, incluindo o Outlook e o Apple Mail, não exibem imagens até que o destinatário opte por vê-las. A inclusão de texto alternativo ajuda os destinatários que usam essas caixas de entrada a entender o que uma imagem pretende transmitir, além de apoiar a acessibilidade.
Inserir um bloco de imagem
Para adicionar uma imagem em um modelo:
- Arraste um bloco de imagem para a tela de visualização e escolha a imagem a ser incluída.
- Depois de colocar o bloco de imagem, será solicitado que o senhor adicione a imagem por:
- Colocar uma imagem no bloco para fazer upload instantâneo
- Navegar em seu computador para localizar e carregar uma imagem
- Importando de um URL
- Escolher uma imagem de sua biblioteca de imagens
- Escolher uma imagem do seu catálogo de produtos (se o senhor estiver integrado a uma plataforma de comércio eletrônico ou tiver sincronizado um catálogo personalizado)
- Inserir um URL de espaço reservado ou uma sequência de variáveis se o senhor quiser que uma imagem seja preenchida dinamicamente (somente para fluxos)
Se estiver carregando uma imagem, o tamanho máximo que o senhor pode carregar é 10 MB.
Compactação automática de arquivos de imagemCompactação automática de arquivos de imagem
O Klaviyo inclui uma ferramenta de compactação automática de imagens como parte do processo de upload de imagens para ajudar o senhor a equilibrar a nitidez da imagem com tempos de carregamento rápidos. Observe que esse recurso não é compatível com gifs.
Quando o senhor faz o upload de uma imagem, uma etapa de revisão exibe o arquivo original e uma versão compactada para comparação. Cada visualização mostra o tamanho do arquivo, juntamente com a diferença percentual entre eles. A alternância acima das imagens permite que o senhor selecione a versão a ser carregada, e o site Klaviyo adiciona um emblema Recommended (Recomendado ) à sua opção sugerida. No entanto, o senhor pode substituir isso se notar uma perda de clareza 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 será fechado por padrão. Se o senhor tiver carregado várias imagens de uma vez, certifique-se de revisar e escolher a opção preferida para cada imagem individualmente.
Configurações de upload
Se o senhor quiser pular a etapa de revisão ao fazer upload de imagens, ajuste as configurações de Upload. Ao fazer upload de uma imagem, o senhor verá um botão de configurações de upload.
Sua escolha aqui é salva para uploads futuros. O senhor pode selecionar:
- Compare (padrão): Revisar e escolher entre as versões original e compactada.
- Use os originais: Sempre carregue seus arquivos originais; não há etapa de revisão.
- Use compactado: Sempre carregue a versão compactada automaticamente do Klaviyo; não há etapa de revisão.
Cortar uma imagem
As imagens no bloco de imagens, no bloco de divisão e no bloco de tabelas podem ser facilmente cortadas.
- Clique no bloco de imagens.
- Clique em Crop (Cortar ) abaixo do ícone da imagem à esquerda.
O senhor pode optar por cortar uma imagem em um círculo, um quadrado ou um retângulo com largura e altura personalizadas. Ao recortar uma imagem no editor, a imagem completa é preservada, o que significa que o senhor pode ajustar ou remover o recorte a qualquer momento. - Quando terminar o corte, clique na seta para trás para aplicar as alterações.
Redimensionar uma imagem
Para redimensionar uma imagem:
- Role até a seção Image size (Tamanho da imagem ) do painel Styles (Estilos ) do bloco de imagem. Aqui, o senhor pode definir manualmente uma altura ou largura para a imagem, definir o alinhamento da imagem e muito mais.
- Clique em Done (Concluído ) para aplicar as alterações.
Editar uma imagem
O senhor pode editar uma imagem em uma barra de cabeçalho. O editor de imagens não está disponível para imagens em outros tipos de blocos.
Clique em um bloco de cabeçalho que contenha uma imagem e, em seguida, clique em Edit (Editar ) abaixo do ícone da imagem para acessar um editor de fotos e ajustar a aparência da imagem. Aqui, o senhor pode escolher entre uma variedade de recursos de edição de fotos, desde o redimensionamento da imagem até o ajuste da cor da imagem. O senhor também pode desenhar sobre uma imagem ou sobrepor texto.
Imagens em modelos HTML carregados
Para os modelos HTML que o senhor copia para o Klaviyo (com exceção dos modelos do MailChimp), o senhor carrega um arquivo zip com as imagens durante o processo de importação.
Especificamente para os modelos do MailChimp, se o senhor carregar um modelo que contenha imagens já carregadas no MailChimp, o Klaviyo copiará automaticamente todas essas imagens.
Depois de carregar uma imagem, o senhor pode usar o botão Insert Image (Inserir imagem ) para carregar novas imagens para esse modelo:
Qualidade da imagem
Se estiver preocupado com o fato de suas imagens não estarem sendo renderizadas de forma tão limpa ou nítida quanto gostaria no modelo, o senhor pode tomar medidas para melhorar a qualidade da imagem.
Um dos padrões predominantes para melhorar a nitidez de uma imagem renderizada em um e-mail é inserir uma imagem 2x o tamanho desejado e, em seguida, reduzir o tamanho da imagem em seu modelo. Há duas maneiras de abordar isso:
- Insira uma versão grande e nítida da imagem no modelo, clique em Edit (Editar ) e redimensione-a para as dimensões de sua preferência
- Inserir uma imagem nativamente maior (ou seja, a 600px de largura) e exibir em um tamanho menor (ou seja, o 300px de largura) usando CSS; para adotar essa abordagem, o senhor precisará inserir sua imagem em um bloco de texto e ajustar o código-fonte CSS
Tipos de imagem
O Klaviyo é compatível com três tipos diferentes de imagens: JPEG, PNG e GIF.
Se o senhor tiver um PSD, SVG ou outro formato de arquivo, terá de convertê-lo em um dos tipos de imagem acima.
Saiba mais sobre quais tipos de imagem são os melhores para seu e-mail.
A biblioteca de imagensA biblioteca de imagens
As imagens que o senhor envia para a Klaviyo são armazenadas em Content > Images & brand > Images. A exclusão de uma imagem de sua biblioteca de imagens não removerá a imagem de nenhum modelo em que ela esteja sendo usada no momento.
Recursos adicionais