Utilia
Kategorije ▾
Jezik: bs ▾

Generator potpisa e-pošte

Napravi profesionalan HTML potpis za e-poštu s fotografijom ili logom, kontaktima 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.

Logo ili fotografija

Lokalna slika se ugrađuje 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 se možda neće pojaviti u ovom pregledu (ova stranica blokira vanjske slike), ali će se pojaviti u tvojim porukama.

Provjere

Kako napraviti potpis za e-poštu

  1. Popuni Tvoji podaci: ime i prezime, radno mjesto, firmu, e-poštu, telefon, mobitel, web-stranicu i adresu. Ostavi polje prazno da sakriješ njegov red.
  2. Zalijepi pune adrese svojih Profili na društvenim mrežama (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Pojavljuju se kao tekstualne veze u boji naglaska.
  3. Dodaj Logo ili fotografija. Najbolja opcija je URL slike na webu (preporučeno): adresa https:// slike koja se već nalazi na tvojoj web-stranici. Možeš odabrati i lokalnu datoteku, koja se ugrađuje u potpis (vidi ograničenja ispod).
  4. Odaberi Predložak (Klasični (slika pored teksta), Složeni ili Kompaktni), Boja naglaska, 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 kod i Preuzmi daju ti sirovi kod za aplikacije koje prihvataju HTML.

Učitaj primjer popunjava obrazac probnim podacima da možeš isprobati predloške. Sve se događa u tvom pregledniku: ništa što upišeš ili pošalješ ne šalje se nigdje.

Zašto se potpis gradi od tabela i inline stilova

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

Brojevi telefona postaju veze tel: (da se mogu dodirnuti na telefonu), adresa e-pošte postaje veza mailto:, a web-adrese bez https:// automatski se dopunjuju. Veze koje nisu web-adrese izostavljaju se i navode pod Provjere.

Slike: URL na webu ili ugrađena datoteka?

Lokalna slika se pretvara u data URI, što znači da je sama slika zapisana unutar HTML-a. Alat je smanjuje na 240 piksela da ostane mala, ali mnogi klijenti i dalje blokiraju ili uklanjaju data URI: Gmail ih odbija u potpisima, Outlook često prikaže prazan okvir, a primaoci mogu vidjeti prilog umjesto slike. Slika na webu (na primjer https://www.example.com/logo.png) je lakša i prikazuje se u znatno više aplikacija. Postavi logo na svoju web-stranicu, zatim zalijepi njegov URL. Imaj na umu da se slike učitane s URL-a možda neće pojaviti u pregledu na ovoj stranici, jer stranica radi zaštite privatnosti blokira vanjske slike, ali se pojavljuju u tvojim porukama.

Kako dodati potpis u aplikaciju za e-poštu

  • Gmail: otvori Postavke (ikona zupčanika) → Prikaži sve postavke → Općenito → Potpis → Kreiraj 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, napravi potpis, zalijepi ga i spremi. U klasičnom Outlooku za Windows: Datoteka → Opcije → Pošta → Potpisi.
  • Apple Mail: Mail → Postavke → Potpisi, odaberi svoj račun, klikni +, zalijepi i isključi Uvijek koristi font moje zadane poruke da se fontovi i boje zadrže.

Nazivi stavki izbornika mogu se razlikovati zavisno od jezika i verzije aplikacije.

Česta pitanja

Zašto u poslanim porukama vidim neispravnu sliku ili prilog?

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

Zašto okrugla fotografija u Outlooku izgleda četvrtasto?

Outlook za Windows zanemaruje stil border-radius. Ako ti je oblik važan, isijeci fotografiju u krug i spremi je kao PNG s prozirnom pozadinom prije korištenja.

Mogu li sam urediti HTML?

Da. Koristi Kopiraj HTML kod ili Preuzmi i uredi kod u bilo kojem uređivaču teksta. Zadrži tabele i inline stilove: većina klijenata e-pošte zanemaruje stilske datoteke i klase.

Zašto su društvene mreže prikazane kao tekst, a ne kao ikone?

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

Pohranjuju li se ili šalju moji podaci negdje?

Ne. Potpis se generiše u tvom pregledniku. Ništa se ne šalje, a stranica ništa ne pamti kad je zatvoriš.

Srodni alati