Isso não é tanto uma dica profissional quanto um pequeno ajuste que ninguém parece seguir.
Todos os clientes de e-mail populares bloqueiam o carregamento das imagens até que o usuário permita explicitamente. Os e-mails, na minha opinião, não devem parecer quebrados até que isso seja feito. Trabalho para uma empresa de e-commerce e para nós, a intenção de compra aumenta exponencialmente com as imagens apresentadas. Portanto, há uma ênfase ainda maior em fazer o usuário carregar imagens.
As caixas de imagem que a maioria dos clientes de e-mail pintam são baseadas nos atributos de largura e altura que você fornece. O texto mostrado é o texto alternativo. Portanto, apenas adicionar outro atributo ao seu estilo embutido fará com que os emails tenham uma aparência muito melhor, mesmo antes de as imagens serem carregadas.
<img alt="Flipkart.com" width="600" height="40" src="<image-url>" style="background:#0c528b; color:#ffffff; font-size:14px;"/>