¿Cómo añadir un archivo de firmas SVG en sus correos electrónicos de Outlook?

Scalable Vector Graphics (SVG) es un formato de archivo vectorial que apareció por primera vez en 1999. Es un formato de imágenes vectoriales basado en XML que puede ser utilizado para una variedad de gráficos web. Aunque tuvo un crecimiento lento, para 2017 casi todos los navegadores web modernos pueden renderizar SVG y la mayoría de los programas de dibujo vectorial pueden exportar en SVG.

¿Por qué usar el SVG?

El SVG le da al usuario mucha flexibilidad. Los SVG no son fundamentalmente nada más que simples textos planos que describen las formas a través de líneas, curvas o colores. Aquí hay un ejemplo de archivo SVG con el código.

Muestra de código de archivo .SVG.

Algunas ventajas del SVG incluyen:

  • Pequeño tamaño – Apto para gráficos web
  • Flexibilidad con CSS que permite personalizar fácilmente los gráficos sobre la marcha utilizando cualquier editor de texto.
  • Escalable – Puede aumentar o disminuir el tamaño sin perder la calidad de la imagen.
  • Casi todos los navegadores soportan it.

¿Cómo añadir un archivo de firma SVG en sus correos electrónicos de Outlook?

Mientras que el apoyo a los archivos SVG está creciendo, los principales operadores de correo electrónico todavía no apoyan nativamente este formato de archivo a pesar de la flexibilidad y todas las ventajas que viene con.

Todavía se puede incrustar un archivo de imagen SVG en el correo electrónico. Requiere un poco de conocimiento para manejar el código fuente HTML del navegador o debería estar bien si sólo sigue los pasos.

También te puede interesar:  Cómo arreglar $0027la instrucción en la memoria de referencia en$0027 Error

Nota: Asegúrate de que estás usando Outlook en tu navegador. La aplicación predeterminada de Mail o Outlook no admite firmas SVG.

Paso 1:

  1. El primer paso es asegurarse de que la imagen o la firma deseada esté en un sitio web de alojamiento de imágenes en línea como Imgur o TinyPic. Para este tutorial, utilizaremos una firma SVG aleatoria de las imágenes de Google. .Firmas SVG
  2. A continuación, pulse Haga clic con el botón derecho del ratón en la imagen y seleccione Copiar dirección de la imagen.

Copiando la dirección de la imagen

Puedes intentar guardar esa imagen e insertarla como una imagen en línea en el Outlook, pero te dará un error de que no es compatible con este formato de archivo.

Error de Outlook al insertar imágenes como objeto en línea

Paso 2:

El siguiente paso es ir al correo electrónico en el que desea insertar esta firma. Haga clic con el botón derecho del ratón en el área vacía y haga clic en Inspeccionar . Esto abrirá un nuevo cuadro de diálogo con mucho código HTML. Este código define lo que estás viendo actualmente.

Inspecciona el código fuente de la página web.

Paso 3:

El siguiente paso es un poco difícil. Todo el código que ves aquí es para el diseño de la página web. A medida que resaltes diferentes partes del código HTML, resaltará ese elemento en la página web.

Código HTML que resalta el texto del correo electrónico.

Lo siguiente que tienes que hacer es Añadir un espacio extra después de tu última línea. Esto creará un elemento vacío en el editor de código fuente HTML.

También te puede interesar:  Arreglo: El servidor al que está conectado utiliza un certificado de seguridad que no puede ser verificado

Código HTML que resalta la línea vacía.

Paso 4:

Ahora, editaremos ese elemento vacío e insertaremos el código HTML para nuestra firma.

Haga clic con el botón derecho del ratón en ese elemento y seleccione Editar como HTML . Una vez que borre todo su contenido anterior, inserte el siguiente código HTML.

Editar como HTML para editar el código resaltado.

Hay dos partes en este código HTML. En la primera parte, la función src se utiliza para establecer la fuente del archivo de imagen. En la segunda parte la función style se usa para establecer las dimensiones del archivo de la imagen.

Pega el código HTML en la caja vacía.

Una vez que haya introducido el código, haga clic en la parte vacía de su casilla de correo electrónico y la firma debería aparecer.

Resaltando el código, mostrando la firma .SVG.

– Puede que no funcione en el extremo del destinatario si está usando algún otro operador de correo electrónico como Gmail.

– Como no hay soporte nativo para incrustar SVG en un correo electrónico, es mejor usar archivos .PNG como firmas ya que son soportados por todos los operadores de correo electrónico.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.