Recomendações de imagem para blocos de conteúdo

Antes de carregar as suas imagens no Mailchimp, consulte estas recomendações sobre imagens para garantir que elas fiquem ótimas. Nossas recomendações são baseadas no tipo de bloco de conteúdo que você está usando na campanha de e-mail ou landing page.

Neste artigo, você vai conhecer as nossas recomendações de imagens para blocos de conteúdo de Imagem, Cartão de imagem e Imagem + legenda.

Dicas gerais para imagens

Confira algumas dicas gerais para suas imagens.

• Formato
  Ao salvar imagens, use os formatos PNG, JPG ou GIF. Você pode usar PNG se precisar manter a transparência.
• Modo ou Perfil de cor
  As cores usadas online são diferentes das cores usadas para impressão. Por isso, é importante que as cores das suas imagens sejam configuradas de forma correta. As imagens da web devem ser salvas usando o perfil ou modo de cor RGB. O CMYK, que os designers usam para impressão, não é reproduzido de forma precisa online, e às vezes pode corromper a imagem incorporada.
• Texto alternativo
  Adicionar texto alternativo às suas imagens é uma boa prática. O texto alternativo é essencial para a acessibilidade e para visualizadores que podem ter dificuldade para baixar suas imagens. Ele também pode ajudar na otimização das suas landing pages para os mecanismos de busca.
• Telas de alta definição
  Muitos smartphones, tablets e laptops têm telas de alta definição, como as telas Retina, que oferecem uma relação maior de pixels por polegada. Por isso, algumas imagens podem perder definição nessas telas. Para que elas fiquem claras em todas as telas, você pode usar uma foto de maior resolução em um bloco de conteúdo de Imagem e restringir as medidas.
• Tamanho do arquivo
  É melhor evitar imagens muito grandes, tanto em tamanho de arquivo quanto em dimensões de pixels. Recomendamos um tamanho máximo de arquivo de 1 MB para imagens. 72 DPI geralmente são suficientes para a web, mas não é obrigatório. Não recomendamos carregar imagens muito maiores do que a área do conteúdo ou o modelo.
• Tamanho da imagem
  Os e-mails e landing pages têm uma largura limitada para imagens. Para conhecer as recomendações de largura específicas, confira as próximas seções de acordo com o tipo de conteúdo que estiver criando.

Tamanhos de imagens para e-mails

Os modelos de e-mail do Mailchimp são de 600 pixels de largura, por isso o melhor a fazer é ajustar o tamanho das suas imagens considerando essa largura.

As recomendações de tamanho da imagem variam de acordo com o número de colunas do seu modelo de e-mail.

O tamanho também pode variar de acordo com o tipo de bloco de conteúdo com o qual você está trabalhando. Abaixo se encontram as nossas recomendações de tamanho para imagens dos blocos de conteúdo Imagem, Cartão de imagem, Imagem + legenda e Grupo de imagens da sua campanha de e-mail.

Imagem

Cartão de imagem

Imagem + legenda

Grupo de imagens

Se você adicionar blocos de Grupo de imagens a uma seção com várias colunas, confirme se as imagens menores estão suficientemente claras para serem vistas pelos seus destinatários.

Tamanhos das imagens para landing pages

As landing pages do Mailchimp têm uma variedade de larguras, por isso o tamanho ideal da imagem depende da largura escolhida. Antes de carregar suas imagens para o Mailchimp, altere-as para o tamanho necessário para eliminar pixels desnecessários.

Se você definir a largura da sua landing page em 100%, as imagens podem aparecer de forma diferente dependendo da resolução da tela da pessoa que visualizá-la. Nesse caso, recomendamos usar imagens maiores. Mas é importante ter em mente que imagens maiores podem tornar a sua landing page lenta.

Abaixo se encontram as nossas recomendações de tamanho para imagens dos blocos de conteúdo Imagem, Cartão de imagem, Imagem + legenda e Grupo de imagens da sua landing page.

Imagem

Cartão de imagem

Imagem + legenda

Grupo de imagens

Ajustar a largura da landing page

Para ajustar a largura da página da sua landing page, siga estes passos.

1. Vá para a página Campanhas na sua conta.
2. Se você tiver mais de um público, clique no menu suspenso Público atual e escolha aquele associado à sua landing page.
3. Clique no rascunho da landing page com a qual você quer trabalhar.
4. Clique na guia Design.
   
5. Clique em Página.
6. Na seção Estilo do contêiner da página, escolha a largura.
   
7. Clique em Salvar.

Imagens de fundo em landing pages

As imagens de fundo maiores ficarão mais claras em telas maiores, mas recomendamos manter as imagens entre 1500 e 2500 pixels de largura. A altura recomendada da imagem depende da quantidade de conteúdo na sua landing page, mas é importante ter em mente que imagens maiores podem deixar a página mais lenta.