DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Memasukkan gambar ke dalam situs web adalah salah satu cara untuk membuat tampilan website menjadi lebih menarik dan informatif. Jika kamu menggunakan PHP sebagai salah satu bahasa pemrograman dalam pengembangan web, berikut ini cara mudah untuk menampilkan gambar.
Memulai dengan HTML
HTML adalah fondasi dasar dari sebuah halaman web. Untuk dapat menampilkan gambar pada halaman web yang kamu buat dengan PHP, kamu perlu menggunakan tag <img>
yang merupakan elemen HTML untuk menyematkan gambar.
Kode HTML dasar untuk menampilkan gambar adalah sebagai berikut:
<img src="url_gambar" alt="deskripsi_gambar">
src
adalah atribut yang digunakan untuk menentukan alamat URL dari gambar yang ingin kamu tampilkan.alt
adalah teks alternatif yang dapat muncul jika gambar tidak tersedia.Kamu dapat menulis tag <img>
langsung di dalam kode PHP menggunakan echo atau print. Berikut contoh cara penulisannya:
<?php
echo '<img src="url_gambar.jpg" alt="deskripsi_gambar">';
?>
Atau dengan menggunakan sintaksis heredoc:
<?php
echo <<<EOD
<img src="url_gambar.jpg" alt="deskripsi_gambar">
EOD;
?>
Jika gambar yang ingin kamu tampilkan disimpan di server yang sama dengan file PHP-mu, kamu hanya perlu menyebutkan path relatifnya dari file PHP tersebut.
Misalnya, jika struktur folder kamu seperti ini:
/website
/images
- foto.jpg
/index.php
Kamu bisa menggunakan kode berikut di index.php
untuk menampilkan foto.jpg
:
<?php
echo '<img src="images/foto.jpg" alt="Foto">';
?>
PHP memiliki library yang memungkinkan kamu untuk melakukan manipulasi gambar seperti GD dan Imagick. Untuk contoh, kamu bisa mengubah ukuran gambar sebelum menampilkannya dengan menggunakan fungsi imagecreatefromjpeg()
dan imagejpeg()
dari GD:
<?php
// Memuat gambar
$gambarAsli = imagecreatefromjpeg("images/foto.jpg");
// Mengubah ukuran gambar
$gambarSkala = imagescale($gambarAsli, 200, 100); // Ukuran baru: 200x100px
// Menampilkan gambar
header('Content-Type: image/jpeg');
imagejpeg($gambarSkala);
// Membuang gambar dari memori
imagedestroy($gambarAsli);
imagedestroy($gambarSkala);
?>
Dengan mengikuti cara-cara di atas, kamu sekarang telah mengetahui bagaimana mudahnya menampilkan gambar di PHP. Eksplor lebih lanjut dan eksperimen dengan skrip PHP untuk mendapatkan hasil sesuai yang kamu inginkan di situs webmu!
Link terkait: