Menambahkan teks ke gambar dengan PHP

Penulis

Maret 15, 2017

Dalam tutorial ini saya akan menunjukkan cara untuk menambahkan teks ke gambar menggunakan PHP GD library. Teks dapat berupa teks seperti nama, alamat web, email atau nomor HP kamu. Kamu mungkin juga ingin menambahkan watermark di gambar dengan PHP.

Untuk menambahkan teks ke gambar hanya butuh dua langkah:

Membuat file HTML untuk memasukkan teks.
Membuat file PHP yang berisi kode untuk memproses teks yang diinput.

Langkah 1: Buat file HTML

Buat file HTML dulu dan simpan dengan nama index.html.

<!DOCTYPE html>
<html>
<body>

  <form method="post" action="proses.php" enctype="multipart/form-data">
  <input type="text" name="isiteks" maxlength="8" required>
  <input type="submit" name="submit" value="Kirim">
  </form>

</body>
</html>

Langkah 2: Buat file PHP

Kemudian buat file PHP dan simpan dengan nama proses.php.

<?php
header('Content-type: image/jpeg');

// Memuat dan menciptakan gambar
$gambar = imagecreatefromjpeg('gambar/pexels-photo-192651.jpeg');

// Mengalokasikan warna untuk teks, masukkan nilai RGB
$warna_putih = imagecolorallocate($gambar, 255, 255, 255);

// Menetapkan file path font
$font_path = 'font/DK Lemon Yellow Sun.otf';

// Mendapatkan isi teks dari input form untuk dicetak ke gambar
$isiteks = $_POST["isiteks"];

$ukuran=40;
$angle=0;
$kiri=220;
$atas=200;

// Cetak teks ke gambar
imagettftext($gambar, $ukuran,$angle,$kiri,$atas, $warna_putih, $font_path, $isiteks);

// Kirim Gambar ke Browser
imagejpeg($gambar);

// ganti baris kode diatas dengan dibawah ini jika kmau ingin menyimpan hasilnya
//imagejpeg($gambar, 'hasilnya.jpg');

// Membersihkan Memory
imagedestroy($gambar);

?>

Dalam langkah ini pertama kita mengatur header image untuk me-return gambar setelah pemrosesan. Kemudian memuat file gambar dari direktori gambar/ dan menciptakan gambar dengan menggunakan fungsi imagecreatefromjpeg() kemudian mengalokasikan warna teks.

Saya menggunakan warna putih untuk teksnya sehingga kita menggunakan nilai RGB putih. Kamu dapat menggunakan nilai warna RGB lainnya, kemudian kita menentukan path Font, sangat penting untuk menambahkan path Font karena tanpa menggunakan Font, teksnya tidak akan terlihat. Kamu dapat menggunakan Font apapun untuk isi teksnya. Kemudian, fungsi imagettftext() ini untuk menambahkan teks ke gambar. Kamu juga dapat menyesuaikan ukuran, angle dan posisi teks sesuai kebutuhanmu.

Itu saja, simple, ini adalah cara menambahkan teks ke gambar menggunakan PHP dan PHP GD library. Kamu dapat mengembangkan kode ini lebih lanjut sesuai kebutuhanmu. Dan jangan ragu untuk memberikan komentar pada tutorial ini.