Tecnología

Inicio

Cómo enviar correo electrónico HTML con imágenes

Cómo enviar correo electrónico HTML con imágenes


Muchos proveedores de correo electrónico más populares, tales como de Microsoft Outlook.com (anteriormente Hotmail) proporcionan a los usuarios hacer clic en un botón que va a insertar una imagen de forma automática en un mensaje de correo electrónico. ¿Pero qué hacer en situaciones en las que no hay un botón "Insertar imagen"? El envío de un mensaje de correo electrónico que incluye imágenes se pueden lograr con un poco de código HTML. Es importante tener en cuenta, sin embargo, que no todas las cuentas de correo electrónico pueden recibir mensajes HTML. Algunos usuarios de correo electrónico eligen sólo para recibir mensajes de texto sin formato, por lo que es importante incluir un mensaje de texto sin formato opcional, además del mensaje HTML.

Instrucciones

1 Busque la dirección URL de la imagen que se incluye en el mensaje de correo electrónico. Para ver la dirección URL de una imagen, haga clic en la imagen y selecciona "Copiar ubicación de la imagen." Si la imagen que desea insertar en su correo electrónico se encuentra en su ordenador, puede subirlo a un sitio en línea usando un sitio web gratuito de alojamiento como FileFactory, Zippyshare o Fileden (enlaces en Recursos).

2 Crear un nuevo mensaje de correo electrónico y escribir estas siguientes etiquetas HTML en la parte superior del mensaje, antes de cualquier otra cosa:
<Html>
<Body>
<P>

3 Para insertar la imagen, inserte el siguiente código HTML en el mensaje de correo electrónico y pegar la URL de la imagen en las comillas:

</ P>
<Img src = "http: //URL.of.the.image&quot; alt =" Descripción de la foto ">

4 Copiar y pegar la URL de su propia imagen en lugar del texto "http: //URL.of.the.image&quot ;. Esta es la URL que le ha proporcionado el servicio de alojamiento de archivos que ha elegido.

5 Introduzca una descripción de la imagen entre las comillas después del código "alt". Si el enlace a la imagen se rompen, este es el texto que se mostrará.

6 Cuando haya terminado la inserción de código de imagen HTML, coloque el código siguiente al final del mensaje de correo electrónico:

</ P>
</ Body>
</ Html>

7 Componer su correo electrónico como normalmente lo haría después de la última línea de código. Esto inserta una imagen antes de su correo electrónico. Si prefiere insertar la imagen después de su correo electrónico, primero escriba su mensaje y luego copiar en el código HTML.

Consejos y advertencias

  • Para insertar una imagen en el medio de su correo electrónico, escriba su correo electrónico dentro de las dos etiquetas de párrafo, es decir, <p> y </ p>. Dondequiera que la etiqueta <img> aparece en relación a su mensaje de correo electrónico, su imagen se mostrará.