Generatore di firme e-mail
Compila i tuoi dati e copia una firma costruita con tabelle HTML e stili inline. Sembra roba del 1999, ma è l’unico markup su cui tutti i programmi di posta sono d’accordo. L’anteprima si aggiorna mentre scrivi e non viene caricato niente.
Non viene inviato nulla. La tua bozza è salvata solo in questo browser e il logo viene scaricato dal suo URL solo per disegnare l’anteprima.
La tua firma
EsempioEcco come apparirà sotto i tuoi messaggi. Si aggiorna mentre scrivi.
Vedi il sorgente HTML
Aggiungila al tuo programma di posta
Premi «Copia la firma», poi incolla (Ctrl+V o ⌘V) nel punto indicato per il tuo programma.
Gmail in a browser
- Open the gear menu and choose See all settings.
- Stay on the General tab and go down to Signature. Press Create new and give it a name.
- Paste into the editing box, then select the signature under For new emails use and On reply/forward use.
- Press Save changes at the very bottom of the page.
The Gmail phone app has its own plain-text mobile signature. Keep that one empty and the app uses this signature.
Outlook on the web and the new Outlook for Windows
- Open the gear, then Account and Signatures.
- Press + New signature, type a name and paste into the box.
- Set it as the default for new messages and for replies, then press Save.
Classic Outlook for Windows
- Go to File, Options, Mail, then Signatures…
- Press New, type a name and paste into the large editing box.
- Pick it in the New messages and Replies/forwards lists, then press OK.
Logo too big? Right-click it in the editor, open Size and Position and type the width you chose on this page.
Apple Mail on a Mac
- Open Mail, Settings, then the Signatures tab.
- Select the account, press + and type a name.
- Clear the Always match my default message font box, then paste into the right-hand pane.
The settings window may draw a question mark where the logo goes. That is expected. The logo shows in the messages you send.
iPhone and iPad
- Open this page on the device itself, fill in the fields and tap Copy the signature.
- Go to Settings, Apps, Mail, Signature (on older iOS versions: Settings, Mail) and paste.
iOS keeps only some of the formatting, so the Compact template survives best. If the pasted result loses its formatting, shake the device and tap Undo to get the formatted version back.
Perché le firme vanno in pezzi
Una pagina web viene mostrata da un browser che segue gli standard attuali. Un’e-mail viene mostrata da qualunque programma usi il destinatario, e quei programmi non vanno d’accordo quasi su niente. Il classico Outlook per Windows impagina i messaggi con il motore di Microsoft Word. Gmail toglie i fogli di stile dai contenuti che considera non sicuri. Il piccolo editor in cui incolli una firma ne elimina ancora di più.
Quello che sopravvive ovunque è un elenco corto: <table> per il layout, attributi style scritti su ogni elemento, link semplici e immagini con width e height espliciti. Questo generatore si attiene a quell’elenco. Il testo è a 14 pixel in un font che ogni dispositivo ha già (Arial, Verdana o Georgia), la tabella porta role="presentation" perché gli screen reader non la annuncino come dati, e l’intero blocco è limitato a 600 pixel di larghezza.
Cosa diventa ogni campo
- Numeri di telefono
- Un link
tel:, così un tocco sul telefono avvia la chiamata. Un numero di 10 cifre viene considerato nordamericano e riceve+1. Per qualsiasi altro paese, scrivi il numero con+e il prefisso internazionale, come in+44 20 7946 0958. Un interno scritto comeext. 204ox204viene aggiunto dopo una pausa:tel:+14155550123,204. Un numero con meno di sette cifre viene escluso. - E-mail e sito web
- Un link
mailto:se l’indirizzo ha la formanome@dominio.tld. Il sito web ricevehttps://nel link e viene mostrato senza, e senzawww. - Profili social
- Link di testo chiamati come il servizio trovato nell’URL: Facebook, Instagram, LinkedIn, YouTube, X, Bluesky, GitHub e una decina di altri. Un indirizzo che non riconosciamo mostra il suo nome host.
- Logo
- Un
<img>che punta all’indirizzo che fornisci, largo tra 40 e 300 pixel. Lo strumento carica l’immagine una volta per conoscerne le proporzioni e scrive l’heightcorrispondente, perché Outlook deforma le immagini che non ce l’hanno. - Note legali
- Una riga di riservatezza o legale in grigio a 11 pixel sotto la firma.
Gli avvisi e cosa fare
| Avviso | Perché conta |
|---|---|
| Colore d’accento sotto 4,5:1 su bianco | Il colore viene usato per i link e il nome dell’azienda. Sotto quel rapporto di contrasto, chi ha una vista debole fa fatica a leggerli. Scegli una tonalità più scura. |
Logo incorporato (data:) | Molti programmi di posta lo bloccano o lo trasformano in un allegato su ogni messaggio. |
Logo su http:// | I programmi di posta che girano su pagine sicure rifiutano le immagini non sicure. |
| Logo SVG | Gmail e Outlook non mostrano gli SVG. Esporta un PNG o un JPG. |
| Logo su Google Drive, Dropbox o OneDrive | Un link di condivisione apre una pagina di visualizzazione, non il file dell’immagine. |
| Il logo non si carica | Apri l’indirizzo in una finestra privata. Dovresti vedere l’immagine e nient’altro, senza login. |
| Troppo grande o troppo piccolo | Oltre 1.200 pixel di larghezza rallenta ogni messaggio. Più stretto della larghezza di visualizzazione sembra sfocato. Punta al doppio della larghezza mostrata. |
Scegliere un layout
- Logo a sinistra è quello predefinito: due colonne separate da una linea verticale nel tuo colore d’accento.
- Classico impila tutto in una colonna con il logo in fondo. È quello che regge meglio quando un programma scarta le colonne delle tabelle.
- Linea d’accento si apre con una linea orizzontale colorata e tiene i contatti su una sola riga.
- Compatto sono due righe senza logo. È quello per le risposte e per i programmi di posta sul telefono, che conservano poca formattazione.
Molti ne tengono due, una completa per i nuovi messaggi e quella compatta per le risposte. Prima di decidere, premi “Anteprima in modalità scura” per mandare la firma all’anteprima e-mail in modalità scura e vedere se logo e colori reggono su uno sfondo scuro.
Cosa non fa il generatore
Non ospita il tuo logo, quindi l’immagine deve essere già online a un indirizzo pubblico. Non disegna icone dei social, ed è voluto: ogni icona è un’immagine remota in più che può essere bloccata. Non può mostrare come una certa versione di Outlook renderà il risultato, quindi mandati un messaggio di prova una volta installata la firma. La tua bozza è salvata solo in questo browser. Apri la pagina su un altro dispositivo e troverai un modulo vuoto.
Domande frequenti
Come aggiungo una firma HTML in Gmail?
Premi qui “Copia la firma”. In Gmail, apri il menu a ingranaggio, Visualizza tutte le impostazioni, Generali, Firma, creane una nuova e incolla. Sceglila per le nuove e-mail e per le risposte, poi salva in fondo alla pagina.
Perché il mio logo arriva come allegato?
L’immagine era incorporata nel messaggio. I programmi di posta allora mandano il file insieme a ogni e-mail, e molti destinatari lo vedono come allegato. Usa un link a un’immagine ospitata su un server web e il problema sparisce.
Di che dimensione deve essere il logo di una firma?
Mostrato tra 100 e 200 pixel di larghezza, da un file largo circa il doppio perché resti nitido sugli schermi ad alta densità. Tieni il file sotto i 50 KB circa. Il PNG va bene per i loghi a tinte piatte, il JPG per le foto.
La mia firma dovrebbe essere un’unica immagine?
No. Molti programmi di posta bloccano le immagini per impostazione predefinita, gli screen reader non riescono a leggerle, non si adattano alla modalità scura e nessuno può toccare o copiare un numero di telefono che fa parte di una figura. Usa testo vero e tieni l’immagine per il logo.
Posso usare il font del mio brand?
Non in modo affidabile. Gmail e Outlook ignorano i web font, e il testo ripiega su un font predefinito. Arial, Verdana e Georgia esistono praticamente su ogni dispositivo, così la firma appare uguale ovunque.
Perché la firma appare diversa nelle risposte?
Alcuni programmi convertono le risposte in testo semplice o applicano la formattazione del messaggio a cui si risponde. Imposta una firma compatta per le risposte, e verifica che il tuo programma scriva in HTML e non in testo semplice.