Cara Menyisipkan Gambar di Email HTML

Olehpiclinkadmin

Ada tiga cara menyertakan gambar dalam email HTML. Bagi kebanyakan orang, link gambar yang di-hosting adalah yang paling andal.

1. Gambar yang di-hosting (disarankan)

Unggah gambarnya dan gunakan link langsung-nya:

<img src="https://your-image-link.jpg" width="600" alt="Spring sale banner" style="display:block;border:0">
  • Berfungsi di Gmail, Outlook, Apple Mail, dan lainnya
  • Ukuran email tetap kecil
  • Gambar mungkin disembunyikan sampai pembaca mengklik “tampilkan gambar”, jadi selalu tambahkan teks alt

Dapatkan link dalam hitungan detik dengan Ubah Gambar Jadi Link.

2. CID (dilampirkan dan dirujuk)

Gambar dilampirkan ke email dan dirujuk sebagai cid:logo123. Sebagian besar klien desktop menampilkannya, tetapi beberapa webmail juga menampilkannya sebagai lampiran, dan ukuran email jadi lebih besar.

3. Base64 (data inline)

Gambar di-encode ke dalam HTML sebagai data:image/png;base64,…. Cara ini diblokir atau diabaikan oleh beberapa klien besar, termasuk Gmail, jadi sebaiknya dihindari untuk gambar penting.

Tips

  • Atur atribut width dan height agar tata letak tidak melompat.
  • Usahakan setiap gambar di bawah sekitar 200 KB.
  • Gunakan JPG untuk foto dan PNG untuk logo dengan transparansi.
  • Jangan menaruh teks penting hanya di dalam gambar.
  • Pastikan link gambar tidak kedaluwarsa sebelum orang membuka email.

Artikel Serupa