Php sematkan gambar di badan email

Ini menjaga ukuran email tetap kecil karena gambar tidak dibawa bersama email. Dengan demikian, kecil kemungkinannya untuk terjebak dalam filter email saat aturan pemfilteran mempertimbangkan ukuran email

Table of Contents Show

Bagaimana cara menampilkan gambar di badan email?
Bagaimana cara menyematkan gambar di PHP?
Bagaimana cara mengirim gambar dalam email HTML menggunakan PHP?

Gambar diunduh hanya saat email dibuka untuk dibaca atau, terkadang, saat email ada di panel pratinjau

Idenya sederhana. Cara membuat email HTML seperti itu adalah cara halaman web dibuat

Perangkat lunak yang mengirimkan email tentunya harus dapat mengirim email HTML. Dan masih ada beberapa pertimbangan lainnya

Semua atribut src tag gambar harus memiliki http absolut. //. URL sebagai nilainya
Beberapa perangkat lunak pembaca email tidak dapat merender email HTML, beberapa hanya memahami tag HTML dasar, dan yang lainnya menginterpretasikan tag HTML tertentu secara berbeda dari browser.

Pertahankan HTML sesederhana mungkin untuk representasi visual yang Anda perjuangkan

Sebentar lagi, saya akan menunjukkan cara memasukkan tag gambar yang baru diunggah secara otomatis ke email keluar. Tapi pertama-tama, mari kita lihat beberapa metode membuat email HTML secara manual dengan gambar yang disematkan secara visual

Mari gunakan gambar, keterangan, dan paragraf ini sebagai contoh kita

<html>
<body>
<p>
This is a paragraph displayed before the picture.
</p>
<img src="https://example.com/images/filename.jpg" 
	width="250" 
	height="95" 
	border="0" 
	alt="my picture">
<br>
This is a caption for the picture.
<p>
This is a paragraph displayed after the picture.
</p>
</body>
</html>

Di atas hanya menggunakan tag P, IMG, dan BR. Ini adalah HTML paling sederhana yang dapat digunakan untuk menyisipkan gambar dengan keterangan

Selanjutnya, mari kita lihat bagaimana cara memusatkan gambar dan keterangan pada halaman. Mari kita juga mengurangi ukuran teks keterangan

<html>
<body>
<p>
This is a paragraph displayed before the picture.
</p>
<div style="text-align:center;">
<img src="https://example.com/images/filename.jpg" 
	width="250" 
	height="95" 
	border="0" 
	alt="my picture">
<br>
<span style="font-size:smaller;">
This is a caption for the picture.
</span>
</div>
<p>
This is a paragraph displayed after the picture.
</p>
</body>
</html>

Di atas harus bekerja dengan sebagian besar pembaca email yang memahami HTML. Tag DIV memusatkan gambar dan keterangan (pemusatan berhenti di tempat tag batal berada), dan atribut gaya dalam tag SPAN (dengan tag batal yang sesuai) menentukan ukuran font yang lebih kecil

Perhatikan bahwa gaya sebaris digunakan untuk membuat teks keterangan lebih kecil daripada tag FONT. Itu karena FONT sudah usang dan, tidak seperti browser yang mulai mengenali FONT, pembaca email tidak perlu kompatibel ke belakang

Sekarang, mari kita buat lebih rumit dan apungkan gambar dan keterangan ke sisi kiri jendela dan buat paragraf setelah gambar dicetak di sebelah kanan gambar. Jika paragraf setelah gambar cukup besar, itu akan terbungkus di bawah gambar setelah ruang di sebelah kanan habis

<html>
<body>
<p>
This is a paragraph displayed before the picture.
</p>
<div style="float:left; margin-right:15px; margin-bottom:5px">
<img src="https://example.com/images/filename.jpg" 
	width="250" 
	height="95" 
	border="0" 
	alt="my picture">
<br>
<span style="font-size:smaller;">
This is a caption for the picture.
</span>
</div>
<p>
This is a paragraph displayed after the picture.
</p>
</body>
</html>

Agak berlebihan mengharapkan semua pembaca email mengetahui cara melayangkan sesuatu ke kiri. Tetapi beberapa akan melakukannya dengan baik

Mereka yang tidak mengerti "float. kiri" kemungkinan besar akan memulai paragraf berikut di bawah gambar, yang mungkin merupakan degradasi yang dapat diterima

Sekarang setelah Anda mengetahui beberapa cara untuk menampilkan gambar dalam email HTML, saya akan menunjukkan cara menyisipkan tag secara otomatis pada gambar yang baru diunggah

Perangkat lunak untuk melakukan pekerjaan itu adalah Master Form V4

Saya akan menggunakan cara yang paling rumit di atas sebagai dasar untuk contoh berikut. Anda dapat mengubah template sesuai keinginan

Formulir unggahan akan memiliki 4 bidang yang harus diisi

Lokasi file yang akan diunggah. (asumsi field name="iupload")
Lebar gambar (opsional, lihat catatan). (asumsi field name="iwidth")
Tinggi gambar (opsional, lihat catatan). (dengan asumsi nama bidang = "iheight")
Caption yang akan dicetak dengan gambar. (asumsi field name="icaption")

Catatan. Jika lebar dan/atau tinggi gambar tidak ditentukan dalam formulir, hapus kedua atribut tersebut dari tag IMG template email sehingga tidak ada tinggi atau lebar yang ditentukan. (Template email disajikan lebih lanjut di bawah ini. ) Menentukan nilai kosong atau non-angka untuk tinggi atau lebar mungkin, dengan beberapa pembaca email, diterjemahkan ke dalam angka nol. Tinggi atau lebar nol akan membuat gambar tidak terlihat

Formulir juga akan memiliki 3 bidang tersembunyi

Di mana menemukan file dengan petunjuk tempat menyimpan gambar yang diunggah. (nama = "filesaveinfo yang diunggah")
Di mana menemukan templat email. (nama = "emailtemplate")
Ke mana browser pergi setelah unggahan selesai. (nama="redirect" atau nama="flowto")

Gambar harus disimpan di direktori yang dapat diakses publik. Dapat diakses publik berarti browser dapat membaca file di dalamnya tanpa memberikan kata sandi. Mari kita asumsikan file dengan instruksi tempat menyimpan gambar yang diunggah

[[iupload UPLOAD DIRECTORY: /path/to/document/root/images]]

Di atas mengatakan form field name="iupload" menentukan nama file yang diunggah dan untuk menyimpan file yang diunggah di direktori "/path/to/document/root/images". Itu akan menjadi jalur direktori lengkap dari root dokumen ditambah nama subdirektori untuk menyimpan gambar di, "gambar" dalam hal ini

(Direktori root dokumen adalah direktori tempat browser menemukan beranda default Anda. Jika Anda tidak mengetahui jalur ke root dokumen Anda, Master Pre-Installation Tester dapat membantu, atau Anda dapat bertanya kepada perusahaan hosting halaman web Anda. )

Jika direktori image adalah subdirektori dari root dokumen bernama "images", URL ke direktori image adalah "http. //contoh. com/images" (ganti nama domain dengan nama Anda sendiri)

Sekarang, dengan mengetahui nama bidang formulir, tempat gambar akan disimpan, dan URL subdirektori gambar, kita dapat membuat template email. Ini sebuah contoh

To: [email protected]
Subject: I got an image!
MIME-Version: 1.0
Content-Type: text/html; charset="ISO-8859-1"

<html>
<body>
<p>
This is a paragraph displayed before the picture.
</p>
<div style="float:left; margin-right:15px; margin-bottom:5px">
<img src="https://example.com/images/[[iupload]]" 
	width="[[iwidth]]" 
	height="[[iheight]]" 
	border="0" 
	alt="my picture">
<br>
<span style="font-size:smaller;">
[[icaption]]
</span>
</div>
<p>
This is a paragraph displayed after the picture.
</p>
</body>
</html>

Jika Anda tidak akan menanyakan lebar dan tinggi gambar pada formulir unggahan, hapus atribut tersebut dari template email

Seperti yang Anda lihat, file diunggah, disimpan di server, dan email dengan informasi langsung dibuat dari template. Buka di pembaca email Anda dan, ya, Anda memiliki email dengan gambar yang ditampilkan di dalamnya — dengan asumsi Anda memiliki pembaca email yang mumpuni, tentu saja

Bagaimana cara menampilkan gambar di badan email?

Posisikan kursor Anda di tempat yang Anda inginkan untuk gambar dalam pesan Anda. Di pita, pilih Sisipkan > Gambar. Jelajahi komputer atau lokasi file online Anda untuk gambar yang ingin Anda sisipkan. Pilih gambar, lalu pilih Sisipkan .

Bagaimana cara menyematkan gambar di PHP?

Untuk menyematkan gambar yang dihasilkan PHP di laman HTML, berpura-pura bahwa skrip PHP yang menghasilkan gambar sebenarnya adalah gambar . Jadi, jika kita memiliki image1. php dan gambar2. script php yang membuat gambar, kita dapat memodifikasi HTML sebelumnya.

Bagaimana cara mengirim gambar dalam email HTML menggunakan PHP?

Jika Anda ingin membuat email HTML dengan gambar yang dimasukkan ke dalam tabel, Anda perlu melampirkan gambar dan kemudian menautkan tag ke sana. For example, if you add an image as inline attachment with the CID my-photo, you would access it within the HTML e-mail with .