Scalable Vector Graphics (SVG) es un formato de archivo vectorial que se vio por primera vez en 1999. Es un formato de imagen vectorial basado en XML que se puede utilizar para varios gráficos web. Aunque el crecimiento es lento, en 2017 casi todos los navegadores web modernos pueden incorporar SVG y la mayoría de los programas de dibujo vectorial pueden exportar en SVG.
¿Por qué utilizar SVG?
SVG le da al usuario mucha flexibilidad. Los SVG son esencialmente textos simples que describen las formas a través de líneas, curvas o colores. Aquí hay un ejemplo de un archivo SVG con el código.
Algunos de los beneficios de SVG incluyen:
- Talla pequeña – Adecuado para gráficos web
- Flexibilidad con CSS que le permite personalizar fácilmente los gráficos en ejecución utilizando cualquier editor de texto.
- Escalable – Puede aumentar o disminuir el tamaño sin perder calidad de imagen.
- Casi todos los navegadores apoyo eso.
¿Cómo poner un archivo de firma SVG en sus correos electrónicos de Outlook?
Si bien la compatibilidad con archivos SVG está creciendo, la mayoría de los operadores de correo electrónico no admiten este formato de archivo nativo a pesar de toda su flexibilidad y ventajas.
Todavía es posible 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 tener razón si no sigue los pasos.
Nota: Asegúrese de estar utilizando Outlook en su navegador. La aplicación predeterminada Mail o Outlook no admite firmas SVG.
Paso 1:
- El primer paso es asegurarse de que la imagen o firma que necesita esté en un sitio web de alojamiento de imágenes en línea como Imgur o TinyPic. Para el propósito de este tutorial, usaremos una firma SVG aleatoria de las imágenes de Google.
.SVG firmado - Siguiente prensa Botón derecho del ratón en la imagen y seleccione Copiar la dirección de la imagen.
Puede intentar guardar esa imagen e insertarla como en línea imagen a la vista pero le dará un error que no es compatible con este formato de archivo.
Paso 2:
El siguiente paso es ir al correo electrónico donde desea enviar esta firma. Haga clic derecho en el área vacía y haga clic en Examinar. Esto abrirá un nuevo cuadro de diálogo con mucho código HTML. Este código define lo que está viendo actualmente.
Paso 3:
Este próximo paso es trivial. Todo el código que ve aquí es para el diseño de la página web. A medida que resalta diferentes partes del código HTML, resaltará ese aspecto de la página web.
Entonces tienes que hacerlo Agrega espacio extra después de tu última línea. Esto creará una función vacía en el editor de código fuente HTML.
Paso 4:
Ahora editaremos ese elemento vacío e insertaremos el código HTML para nuestra firma.
Haga clic derecho en ese elemento y seleccione Editar como HTML. Una vez que haya borrado el contenido anterior, ingrese el siguiente código HTML.
<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">
Este código HTML consta de dos partes. En la primera parte, el src se utiliza una función para establecer la fuente del archivo de imagen. En la segunda parte estilo se utiliza una función para establecer las dimensiones del archivo de imagen.
Una vez que haya ingresado el código, haga clic en la parte vacía de su bandeja de entrada y debería aparecer la firma.
• Como no hay soporte nativo para incrustar SVG en el correo electrónico, es mejor usar archivos .PNG como firmas, ya que son compatibles con todos los operadores de correo electrónico.