Como incluir imagens em um e-mail em HTML

Escrito por brandy alexander | Traduzido por fernanda lemi
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como incluir imagens em um e-mail em HTML
Adicione imagens às suas mensagens de e-mail em HTML (camera image by Yury Shirokov from Fotolia.com)

Um e-mail na Linguagem de Marcação de HiperTexto (HTML) é uma maneira de enviar uma mensagem visualmente atraente para os destinatários. Assim como faz em páginas da web, o HTML permite incluir recursos, como imagens, que aprimoram o conteúdo e que ficam dentro do corpo da mensagem do e-mail em vez de ela ser enviada somente como um anexo. Com essa capacidade, é possível criar correspondências como boletins informativos e revistas de fotos. Inclua imagens na sua próxima mensagem de e-mail utilizando HTML e o aplicativo de edição de textos que vem com o computador.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Acesse um site de hospedagem de arquivos gratuito, como o "FileFactory" ou o "MediaFire", para tornar suas imagens visíveis na mensagem de e-mail em HTML (ver Recursos). Siga as solicitações do site para adicionar (fazer o upload) as imagens ao servidor e anote o endereço resultante da imagem. Caso esteja utilizando o "FileFactory", esse endereço aparecerá automaticamente após o processo de upload, enquanto o "MediaFire" exibirá essa informação ao clicar no botão "Share" (Compartilhar).

  2. 2

    Abra o aplicativo de edição de texto e crie um novo documento.

  3. 3

    Posicione o ponteiro do mouse abaixo da tag de abertura "<body>". Caso o editor de texto não forneça o código que inicia um documento HTML, digite o seguinte:

    <html> <head> <title></title> </head> <body> </body> </html>

  4. 4

    Digite o código que cria uma tabela simples de uma fileira e uma coluna:

    <table> <tr> <td></td> </tr> </table>

    Na tabela há o conteúdo da mensagem em HTML.

  5. 5

    Digite uma tag "<img>" entre os elementos "<td></td>". Na tag de imagem, digite o endereço URL da imagem recebido do site de hospedagem. Por exemplo:

    <td><img src="http://www.dominio.com/imagens/foto1.gif" /></td>

    Repita esse passo conforme a necessidade para incluir todas as imagens que desejar no e-mail em HTML.

  6. 6

    Salve o documento com um final ".html" (extensão). Abra o programa de e-mail e insira o arquivo no corpo da mensagem utilizando o método do aplicativo para fazer isso. Por exemplo, com o Outlook Express, clique no link "Inserir" e selecione o arquivo HTML. Caso você utilize o Mail do Mac OS X, abra o navegador Safari, clique em "Abrir arquivo" no menu suspenso "Arquivo" e pressione as teclas "Command" e "i". No Hotmail, selecione a opção "Editar em HTML" e cole o conteúdo do arquivo HTML no corpo da mensagem.

Dicas & Advertências

  • Pode-se utilizar a tag "
  • " após cada linha de código de imagem para forçar as imagens a aparecerem em linhas separadas. Para ilustrar:

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível