Utilia

Generador de signatura de correu electrònic

Crea una signatura de correu HTML professional amb foto o logotip, dades de contacte i xarxes socials, i copia-la a Gmail, Outlook o Apple Mail.

Les teves dades
Perfils socials

Enganxa l'adreça completa del perfil, per exemple https://www.linkedin.com/in/el-teu-nom.

Logotip o foto

Una imatge local s'incrusta a la signatura com a URI de dades (redimensionada a 240 px). Molts clients de correu, com Gmail i Outlook, bloquegen o eliminen les imatges incrustades: una URL d'imatge allotjada funciona millor.

Disseny

Previsualització

Les imatges d'una URL potser no apareixen en aquesta previsualització (aquesta pàgina bloqueja les imatges externes), però sí que sortiran als teus correus.

Comprovacions

Com crear la teva signatura de correu

  1. Omple Les teves dades: nom complet, càrrec, empresa, correu electrònic, telèfon, mòbil, lloc web i adreça. Deixa buit qualsevol camp per amagar-ne la línia.
  2. Enganxa les adreces completes dels teus Perfils socials (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Apareixen com a enllaços de text amb el teu color d’accent.
  3. Afegeix un Logotip o foto. La millor opció és una URL d’una imatge allotjada (recomanat): l’adreça https:// d’una imatge que ja és al teu lloc web. També pots triar un fitxer local, que s’incrusta a la signatura (vegeu-ne els límits més avall).
  4. Tria una Plantilla (Clàssica (imatge al costat), Apilada o Compacta), un Color d’accent, un Tipus de lletra i l’Amplada de la imatge. Marca Imatge arrodonida per obtenir una foto circular.
  5. Mira la Previsualització, fes clic a Copia la signatura i enganxa-la a la teva aplicació de correu. Copia el codi HTML i Baixa et donen el codi net per a les aplicacions que accepten HTML.

Carrega un exemple omple el formulari amb dades de mostra perquè puguis provar les plantilles. Tot passa al teu navegador: res del que escrius o puges s’envia a cap servidor.

Per què la signatura es construeix amb taules i estils en línia

Les aplicacions de correu no són navegadors web. Outlook per a Windows mostra els missatges amb el motor de Word, Gmail elimina els blocs <style> de les signatures, i moltes aplicacions ignoren el CSS modern, com ara flexbox o grid. Per això aquesta eina genera el tipus d’HTML que sobreviu a tot arreu: una taula de disseny amb role="presentation", atributs style en línia a cada element, tipus de lletra segurs per a la web (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) i enllaços de text en lloc d’icones. Tots els valors que escrius s’escapen, de manera que un < o un & perdut en un càrrec no pot trencar el codi.

Els números de telèfon es converteixen en enllaços tel: (perquè es puguin tocar des d’un mòbil), l’adreça de correu esdevé un enllaç mailto:, i les adreces web sense https:// es completen automàticament. Els enllaços que no són adreces web s’ometen i apareixen a Comprovacions.

Imatges: URL allotjada o fitxer incrustat?

Una imatge local es converteix en un URI de dades, és a dir, la imatge mateixa s’escriu dins de l’HTML. L’eina la redimensiona a 240 píxels per mantenir-la petita, però molts clients encara bloquegen o eliminen els URI de dades: Gmail els rebutja a les signatures, Outlook sovint mostra un requadre buit, i els destinataris poden veure un fitxer adjunt. Una imatge allotjada (per exemple https://www.example.com/logo.png) pesa menys i es mostra en moltes més aplicacions. Puja el teu logotip al teu lloc web i enganxa’n la URL. Tingues en compte que les imatges carregades des d’una URL potser no apareixen a la previsualització d’aquesta pàgina, perquè la pàgina bloqueja les imatges externes per privadesa, però sí que apareixen als teus correus.

Com afegir la signatura a l’aplicació de correu

  • Gmail: obre Configuració (la icona de l’engranatge) → Mostra tota la configuració → General → Signatura → Crea’n una de nova. Enganxa amb Ctrl+V (Cmd+V) i fes clic a Desa els canvis al final de la pàgina. Gmail limita les signatures a 10.000 caràcters.
  • Outlook (el nou Outlook i Outlook a la web): Configuració → Compte → Signatures, crea una signatura, enganxa-la i desa-la. A l’Outlook clàssic per a Windows: Fitxer → Opcions → Correu → Signatures.
  • Apple Mail: Mail → Configuració → Signatures, selecciona el compte, fes clic a +, enganxa i desmarca Utilitza sempre el tipus de lletra predeterminat dels missatges perquè es conservin els tipus de lletra i els colors.

Preguntes freqüents

Per què veig una imatge trencada o un fitxer adjunt als correus enviats?

Probablement la imatge està incrustada com a URI de dades, que molts clients de correu bloquegen. Fes servir una URL d’imatge allotjada: és la manera més fiable de mostrar un logotip o una foto.

Per què la foto rodona es veu quadrada a Outlook?

Outlook per a Windows ignora l’estil border-radius. Si la forma és important, retalla la foto en forma de cercle i desa-la com a PNG amb fons transparent abans de fer-la servir.

Puc editar l'HTML jo mateix?

Sí. Fes servir Copia el codi HTML o Baixa i edita el codi amb qualsevol editor de text. Conserva les taules i els estils en línia: la majoria de clients de correu ignoren els fulls d’estil i les classes.

Per què les xarxes socials es mostren com a text i no com a icones?

Les icones serien imatges, i les imatges són la part de la signatura que es bloqueja més sovint. Els enllaços de text sempre es mostren, es llegeixen bé en mode fosc i no fan més pesada la signatura.

La meva informació es desa o s'envia en algun lloc?

No. La signatura es genera al teu navegador. No es puja res i la pàgina no conserva res quan la tanques.