Firma de correo electrónico - imagen SVG y visualización en móvil
Resuelto
Jimm15300
Mensajes publicados
269
Fecha de registro
Estado
Miembro
Última intervención
-
Jimm15300 Mensajes publicados 269 Fecha de registro Estado Miembro Última intervención -
Jimm15300 Mensajes publicados 269 Fecha de registro Estado Miembro Última intervención -
Hola,
He creado una firma para mis correos electrónicos profesionales con una imagen en formato SVG:
Tengo dos problemas:
el logo no se muestra en algunos clientes de correo (especialmente en Gmail);
el alineamiento no se conserva al abrir los correos en el móvil (ver foto abajo).
¿Puede ayudarme, por favor?
Atentamente,
Jimmy
https://forums.cnetfrance.fr/filedata/fetch?id=6490991
He creado una firma para mis correos electrónicos profesionales con una imagen en formato SVG:
<html>
<body>
<div style="min-height: 60px; line-height: 17px; margin: 0; padding: 10px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #3a342c; min-width: 530px;"
id="sig"> <img src="https://sendeyo.com/up/d/471cea7f04" style="float: left; padding: 0 10px 0 0;"
height="102" width="200"> <strong style="color: #3a342c; font-size:12px;">Jimmy
D.</strong><br>
<span style="font-size: 12px; color: #666666;">Asistente de gestión
locativa</span><br>
Dirección<br>
Tél. 01 XX XX XX XX <br>
<a href="mailto:etudecouderc@gmail.com" style="color: #403120; text-decoration: none">xxx@xxx.com</a><br>
<a href="http://www.etudecouderc.com" style="color:#0095a2; text-decoration:none;">www.xxx.com</a>
</div>
</body>
</html>
Tengo dos problemas:
el logo no se muestra en algunos clientes de correo (especialmente en Gmail);
el alineamiento no se conserva al abrir los correos en el móvil (ver foto abajo).
¿Puede ayudarme, por favor?
Atentamente,
Jimmy
https://forums.cnetfrance.fr/filedata/fetch?id=6490991
3 respuestas
-
Hola,
Algunos clientes de correo no cargan las imágenes que están "enlazadas".
Ya podrías empezar a integrar la imagen directamente en el contenido del correo codificándola en base 64.
Lo mismo ocurre con algunos estilos que no son interpretados.
Cada navegador de Internet puede tener comportamientos diferentes cuando se trata de estilos (CSS) y del código HTML.
Cada "software" de correo también puede tener un comportamiento diferente.
Algunos pueden simplemente ignorar los estilos y/o los enlaces....
Esto puede deberse a su configuración y/o funcionamiento... y en esos casos, lamentablemente, no podrás hacer mucho.
--
Atentamente,
Jordane -
Hola Jimm15300,
1.
Para tu imagen, algunos clientes de correo electrónico no muestran imágenes externas por razones de seguridad. Si quieres maximizar las posibilidades de que tu imagen se muestre en todas partes, debes incluirla en tu correo.
También te sugiero que no utilices una imagen .svg, sino una imagen .png o .jpeg, que son formatos de imagen más comúnmente soportados.
Para incrustar la imagen en tu .html, puedes codificar el contenido del archivo en base64 e incluirlo en línea en la etiqueta<img>
.
Tienes una herramienta de codificación y explicaciones aquí: https://www.base64-image.de/tutorial
Esto aumentará el tamaño de tus correos, pero al menos la imagen debería mostrarse en la mayoría de los clientes.
2.
Para el problema de alineación, entiendo que quieres que el logo esté a la izquierda y la información de contacto a la derecha. Lo más simple es ponerlos en una tabla html de una fila y dos columnas.
<table border="0"> <tr> <td>logo</td> <td>infos<br>de<br>contact</td> </tr> </table>
También puedes hacerlo con div y css, pero en mi opinión, eso complica las cosas en tu caso que es muy simple.
Dal -
Hola,
Muchas gracias por sus aclaraciones.
He modificado el código en consecuencia y he convertido mi imagen .svg a .bmp porque en otros formatos (.png y .jpeg) la calidad no era buena.
Ahora tengo un nuevo problema: el fondo de la imagen aparece en negro en algunos clientes (especialmente en Gmail). ¿Es un problema de transparencia? ¿Cómo puedo corregir este problema?
Atentamente,
Jimmy-
Si hay transparencia, debes usar el formato .png. El formato .bmp no maneja la transparencia (y .jpeg tampoco).
El formato .png es un formato de imágenes con compresión pero sin pérdida (a diferencia de .jpeg, que es con pérdida). Si tu imagen no se ve bonita en .png, se debe a otra cosa.
Para trabajar con .svg y exportar en diferentes formatos en la resolución que deseo, suelo usar Inkscape. Es un software libre y gratuito.
-
