Utilia
Kategorije ▾
Jezik: hr ▾

Generator potpisa e-pošte

Izradi profesionalan HTML potpis e-pošte s fotografijom ili logotipom, kontaktnim podacima i društvenim mrežama te ga kopiraj u Gmail, Outlook ili Apple Mail.

Tvoji podaci
Profili na društvenim mrežama

Zalijepi punu adresu profila, npr. https://www.linkedin.com/in/tvoje-ime.

Logotip ili fotografija

Lokalna slika ugrađuje se u potpis kao data URI (smanjena na 240 px). Mnogi klijenti e-pošte, uključujući Gmail i Outlook, blokiraju ili uklanjaju ugrađene slike: URL slike na webu radi bolje.

Dizajn

Pregled

Slike s URL-a možda se neće prikazati u ovom pregledu (ova stranica blokira vanjske slike), ali hoće u tvojoj e-pošti.

Provjere

Kako izraditi potpis e-pošte

  1. Ispuni Tvoji podaci: ime i prezime, radno mjesto, tvrtku, e-poštu, telefon, mobitel, web-stranicu i adresu. Ostavi polje prazno da sakriješ njegov redak.
  2. Zalijepi pune adrese svojih Profili na društvenim mrežama (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Prikazuju se kao tekstualne poveznice u tvojoj istaknutoj boji.
  3. Dodaj Logotip ili fotografija. Najbolja je opcija URL slike na webu (preporučeno): adresa https:// slike koja je već na tvojoj web-stranici. Možeš odabrati i lokalnu datoteku, koja se ugrađuje u potpis (ograničenja vidi niže).
  4. Odaberi Predložak (Klasični (slika sa strane), Složeni ili Kompaktni), Istaknuta boja, Font i Širina slike. Označi Okrugla slika za kružnu fotografiju.
  5. Provjeri Pregled, zatim klikni Kopiraj potpis i zalijepi ga u aplikaciju za e-poštu. Kopiraj HTML izvor i Preuzmi daju ti sirovi kôd za aplikacije koje prihvaćaju HTML.

Učitaj primjer popunjava obrazac primjerom podataka da možeš isprobati predloške. Sve se događa u tvom pregledniku: ništa što upišeš ili učitaš ne šalje se nikamo.

Zašto se potpis gradi tablicama i inline stilovima

Aplikacije za e-poštu nisu web-preglednici. Outlook za Windows prikazuje poruke Wordovim pogonom, Gmail iz potpisa uklanja blokove <style>, a mnoge aplikacije ignoriraju moderni CSS poput flexboxa ili gridova. Zato ovaj alat proizvodi HTML koji preživljava posvuda: tablicu za raspored s role="presentation", inline atribute style na svakom elementu, web-sigurne fontove (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) i obične tekstualne poveznice umjesto slika s ikonama. Svaka vrijednost koju upišeš escapira se pa zalutali < ili & u nazivu radnog mjesta ne može pokvariti kôd.

Telefonski brojevi postaju poveznice tel: (da ih se može dodirnuti na mobitelu), adresa e-pošte postaje poveznica mailto:, a web-adrese bez https:// automatski se nadopunjuju. Poveznice koje nisu web-adrese izostavljaju se i navode pod Provjere.

Slike: URL na webu ili ugrađena datoteka?

Lokalna slika pretvara se u data URI, što znači da se sama slika zapisuje unutar HTML-a. Alat je smanjuje na 240 piksela da ostane mala, ali mnogi klijenti i dalje blokiraju ili uklanjaju data URI-je: Gmail ih u potpisima odbija, Outlook često pokazuje prazan okvir, a primatelji mogu umjesto toga vidjeti privitak. Slika na webu (na primjer https://www.example.com/logo.png) je lakša i prikazuje se u znatno više aplikacija. Učitaj logotip na svoju web-stranicu pa zalijepi njegov URL. Imaj na umu da se slike učitane s URL-a možda neće prikazati u pregledu na ovoj stranici jer stranica iz privatnosti blokira vanjske slike, ali u tvojoj e-pošti prikazat će se.

Kako dodati potpis u aplikaciju za e-poštu

  • Gmail: otvori Postavke (ikona zupčanika) → Prikaži sve postavke → Općenito → Potpis → Izradi novi. Zalijepi s Ctrl+V (Cmd+V), zatim klikni Spremi promjene na dnu stranice. Gmail ograničava potpise na 10 000 znakova.
  • Outlook (novi Outlook i Outlook na webu): Postavke → Račun → Potpisi, izradi potpis, zalijepi ga i spremi. U klasičnom Outlooku za Windows: Datoteka → Mogućnosti → Pošta → Potpisi.
  • Apple Mail: Mail → Postavke → Potpisi, odaberi svoj račun, klikni +, zalijepi i isključi Uvijek koristi font zadane poruke kako bi se zadržali fontovi i boje.

Nazivi izbornika u aplikacijama mogu se razlikovati ovisno o inačici i jeziku sučelja.

Česta pitanja

Zašto u poslanoj e-pošti vidim neispravnu sliku ili privitak?

Slika je vjerojatno ugrađena kao data URI, što mnogi klijenti e-pošte blokiraju. Umjesto toga koristi URL slike na webu: to je najpouzdaniji način da se prikaže logotip ili fotografija.

Zašto okrugla fotografija u Outlooku izgleda četvrtasto?

Outlook za Windows ignorira stil border-radius. Ako ti je oblik važan, prije upotrebe izreži fotografiju u krug i spremi je kao PNG s prozirnom pozadinom.

Mogu li sam urediti HTML?

Da. Upotrijebi Kopiraj HTML izvor ili Preuzmi i uredi kôd u bilo kojem uređivaču teksta. Zadrži tablice i inline stilove: većina klijenata e-pošte ignorira stilske liste i klase.

Zašto su društvene mreže prikazane tekstom, a ne ikonama?

Ikone bi bile slike, a slike su dio potpisa koji se najčešće blokira. Tekstualne poveznice prikazuju se uvijek, ostaju čitljive u tamnom načinu rada i ne povećavaju težinu potpisa.

Pohranjuju li se ili šalju moje informacije negdje?

Ne. Potpis se generira u tvom pregledniku. Ništa se ne učitava na poslužitelj, a stranica ne zadržava ništa nakon što je zatvoriš.

Slični alati