Enviando e -mail HTML com imagens não exibidas no Gmail

StackOverflow https://stackoverflow.com/questions/2173677

  •  24-09-2019
  •  | 
  •  

Pergunta

Estou enviando e -mails HTML através do PHP. O email tem uma imagem de fundo que não está mostrando quando eu o testo com o Gmail, Hotmail ou Yahoo Mail. Eu tentei usar uma tag de imagem, mas isso também não funciona. A imagem funciona perfeitamente bem se estiver usando um cliente de email como OSX Mail ou Mozilla ou Outlook. Alguma ideia?

Desculpe por não adicionar nenhum código. Aqui está como eu tentei implementá -lo:

    <div style="border-bottom:1px solid #CCCCCC; padding:0 20px; background-color:#EDEDED; background-image:url(http://www.mysitename.com/images/email_header.png); background-repeat: no-repeat; background-position: 520px center; height:120px;"> 
Header 
</div>

O Gmail funciona bem para exibir outros anexos e imagens, mas acho que ele bloqueia imagens HTML (mesmo que elas sejam imagens de fundo)

Foi útil?

Solução 2

Acontece que eu estava usando o CSS para ter a imagem em segundo plano. Gmail não gostou disso. Em vez disso, usei uma tag de imagem. Eu não posso comprovar isso, mas: já fiz isso anteriormente sem sucesso, mas o que fiz anteriormente é que não usei tabelas para o meu layout. Então, para resumir ... Use tabelas para o layout da tag de inserção de e -mail HTML com largura, altura, tag alt e gmail, hotmail e yahoo exibiriam sua imagem. Espero que isso salve algum dia para alguém :)

Outras dicas

Como você descobriu, o Gmail não suporta imagens de fundo do CSS.

http://www.email-tandards.org/ é um bom recurso para descobrir problemas de renderização por e -mail em diferentes clientes.

Você poderá fazer com que a imagem em segundo plano funcione usando CSS. O truque é não usar taquigrafia e manter o CSS abaixo da etiqueta corporal. Portanto, em vez de digitar 'Background: ...' Certifique-se de digitar totalmente e use: 'Imagem de fundo:' 'Cores de fundo:' 'Repime de fundo:' etc. Este programa é perfeitamente no Gmail etc.

Você não incluiu nenhum código ou mesmo um exemplo de como são seus e -mails, então tudo o que posso fazer é dar uma sugestão geral:

Tente enviar um email do Gmail manualmente com uma imagem de volta à sua conta do Gmail. Confirme que a imagem é exibida. Agora vá para "Mostrar original" e copiar e colar isso em um arquivo de texto.

Agora faça o mesmo com o email enviado do seu programa: Envie-o para o Gmail, "Mostrar original" e copiar-e-PATE para outro arquivo.

Agora compare esses dois arquivos. Como eles são diferentes?

Nenhum Gmail não suporta propriedade de imagem de base do CSS. Eu mesmo testei.

Veja isso: http://www.email-tandards.org/clients/gmail/

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top