Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Penghasil HTML Tanda Tangan Email

PengembangTeks

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

Informasi Pribadi

Nama Lengkap

Jabatan

Perusahaan

Telepon

Surel

Situs Web

Alamat

Gaya

yang berada di samping Computed dan Styles, Anda dapat mengontrol apa yang ditampilkan oleh lapisan tersebut: nomor baris, nama baris, nama area, dan garis yang diperluas melebihi batas grid. Ketika tata letak gagal, mengaktifkan nomor baris sambil memperhatikan lapisan tersebut biasanya mengungkapkan jalur yang tidak sesuai secara langsung — jauh lebih cepat daripada membaca nilai-nilai mentah di panel Styles.

Keluarga Font

Warna Penekanan

Digunakan untuk nama, tautan, dan pembagi vertikal.

Warna teks

Ukuran huruf

Foto & Logo

Sertakan foto profil

URL Foto

Gambar persegi paling baik (90x90 atau lebih besar).

Bentuk Foto

Sertakan logo perusahaan

URL Logo

Tautan Sosial

URL LinkedIn

Biarkan kosong untuk menyembunyikan ikon ini.

URL Twitter / X

URL GitHub

URL Instagram

Penafian

Sertakan pernyataan pengecualian / catatan hukum

Teks Pernyataan

KELUARAN

Sisi klien

Isi form di kiri untuk melihat pratinjau langsung di sini.

HTML Tanda Tangan

HTML yang ditampilkan secara langsung untuk Gmail, Outlook, Apple Mail dan kebanyakan klien email.

IKLAN · HAPUS?

Memandu

Penghasil HTML Tanda Tangan Email

Buat tanda tangan email HTML yang rapi dan siap disalin dalam beberapa detik. Pilih tata letak, masukkan nama Anda, peran, kontak, tautan sosial, warna penekanan, dan opsi foto profil atau logo perusahaan — alat ini menampilkan pratinjau langsung dan menghasilkan HTML yang ditampilkan secara langsung yang dapat dipasang dengan mudah ke Gmail, Outlook, Apple Mail dan kebanyakan klien email lainnya.

Cara Penggunaan

Isi Informasi Pribadi: nama lengkap, jabatan, perusahaan, nomor telepon, email, situs web, dan alamat. Biarkan field apa pun kosong untuk menyembunyikan baris tersebut.
Pilih sebuah yang berada di samping Computed dan Styles, Anda dapat mengontrol apa yang ditampilkan oleh lapisan tersebut: nomor baris, nama baris, nama area, dan garis yang diperluas melebihi batas grid. Ketika tata letak gagal, mengaktifkan nomor baris sambil memperhatikan lapisan tersebut biasanya mengungkapkan jalur yang tidak sesuai secara langsung — jauh lebih cepat daripada membaca nilai-nilai mentah di panel Styles. (horizontal, vertikal, atau teks hanya saja), keluarga font, warna penekanan dan warna teks. Pratinjau diperbarui saat Anda mengetik.
Toggle the foto profil on or off, paste an image URL, and choose a circle, rounded, or square shape. Add a company logo the same way if you want one.
Drop URLs into the Tautan Sosial fields you want to include (LinkedIn, Twitter / X, GitHub, Instagram). Empty fields are skipped — no broken icons.
Klik Salin tanda tangan yang dihasilkan and paste it into your email client’s signature settings. Or use Salin HTML if you prefer to paste the raw markup.

Fitur

Pratinjau langsung — lihat tepat apa yang akan dilihat penerima, di dalam shell surat palsu dengan salam dan penutup.
Tiga tata letak — horizontal (foto di kiri, teks di kanan dengan pembagi penekanan), vertikal (foto di atas teks), dan kompak (hanya teks).
HTML yang ditampilkan secara langsung — setiap elemen menggunakan CSS inline sehingga tanda tangan tetap tampil konsisten di Gmail, Outlook desktop, Outlook web, Apple Mail dan kebanyakan klien mobile.
Baris kontak cerdas — nomor telepon menjadi tel: tautan, email menjadi mailto:, URL situs web menjadi tautan yang dapat diklik, alamat tetap dalam bentuk teks.
Bentuk foto yang dapat dikonfigurasi — bulat, persegi bulat, atau persegi keras. Pilih tampilan yang sesuai dengan merek Anda.
Set tautan sosial — LinkedIn, Twitter / X, GitHub, Instagram. Field kosong diabaikan secara diam-diam.
Blok pernyataan opsional — untuk catatan hukum/konfidenzialitas yang dibutuhkan oleh banyak perusahaan.
Dua mode salinan — salin tanda tangan yang dihasilkan (salin sebagai teks kaya ke Gmail) atau salin HTML murni (untuk editor lanjutan).
Berjalan sepenuhnya di browser Anda — tidak ada yang diunggah ke server. URL foto dan detail kontak tidak pernah meninggalkan perangkat Anda.

 Tanya Jawab Umum

Mengapa tanda tangan email menggunakan CSS inline daripada stylesheet?

Klien email sebagian besar menghapus blok , tag , dan CSS eksternal karena alasan keamanan dan tampilan. Outlook khususnya mengabaikan kelas dan stylesheet dan hanya menghormati atribut gaya inline pada elemen individu. Menyisipkan setiap aturan secara langsung pada elemen yang ditargetkan adalah cara paling andal untuk memastikan tanda tangan tetap tampil sama di Gmail, Outlook, Apple Mail dan di perangkat mobile.
Mengapa tanda tangan email dibangun dengan tabel HTML daripada div dan flexbox?

Outlook di Windows menggunakan mesin rendering Microsoft Word untuk email HTML, yang memiliki dukungan lemah terhadap tata letak CSS modern. Tabel dengan atribut lebar eksplisit, padding, dan batas adalah satu-satunya primitif tata letak yang tampil sama di Word-Outlook seperti di tempat lain. Menggunakan tabel terkandung untuk kolom foto dan teks adalah pola kompatibilitas yang terbukti untuk email HTML.
Apa perbedaan antara menyalin tanda tangan yang dihasilkan dan menyalin sumber HTML murni?

Menyalin tanda tangan yang dihasilkan (teks kaya) memungkinkan klien email menangkap output visual dan membangun HTML sendiri di sekitarnya — ini yang diharapkan oleh editor tanda tangan Gmail. Menyalin sumber HTML murni adalah yang diinginkan oleh editor lanjutan (file tanda tangan Outlook desktop, file plist Apple Mail, manajer tanda tangan pihak ketiga), karena mereka menyimpan markup secara langsung dan mengubahnya ulang saat dikirim.
Mengapa gambar tanda tangan email harus dihosting di URL publik daripada diunggah?

Jika foto diunggah atau disisipkan sebagai URL data:, banyak klien menampilkan indikator lampiran atau bahkan menyembunyikannya. Menghubungkan ke URL HTTPS yang dapat diakses secara publik memungkinkan klien penerima mengunduh gambar secara langsung, seperti halnya dalam email HTML lainnya. Penyembunyian gambar hanya terjadi jika pengguna memilih untuk menghilangkannya, dan pengguna dapat memilih sekali dan membuatnya bekerja untuk semua email di masa depan.
Mengapa tautan mailto: dan tel: bekerja bahkan di klien email yang konservatif?

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.