Memasukkan gambar ke dalam website memang sangat penting untuk menambahkan nilai estetika pada tampilan. Terutama jika kamu sedang membuat website dengan Laravel 5.8, kamu pasti ingin tahu bagaimana cara memasukkan gambar yang benar dan efektif. Nah, kali ini kita akan membahas tentang cara insert gambar di hosting Laravel 5.8.
1. Persiapan Sebelum Insert Gambar di Laravel 5.8
Sebelum memasukkan gambar ke dalam website, kamu harus mempersiapkan beberapa hal terlebih dahulu. Pertama, pastikan kamu sudah punya gambar yang akan dimasukkan ke dalam website. Pastikan juga gambar tersebut memiliki format file yang tepat, seperti JPG, PNG, atau SVG. Selain itu, kamu juga harus menyiapkan folder untuk menyimpan gambar-gambar tersebut. Folder tersebut bisa kamu letakkan di dalam folder public di dalam proyek Laravel 5.8.
2. Cara Insert Gambar di Laravel 5.8
Setelah melakukan persiapan yang diperlukan, langkah selanjutnya adalah memasukkan gambar ke dalam website. Caranya cukup mudah, kamu hanya perlu menambahkan tag HTML <img>
pada halaman yang akan menampilkan gambar tersebut. Misalnya, kamu ingin menampilkan gambar dengan nama “contoh.jpg” yang disimpan di dalam folder “gambar”, maka kamu bisa menambahkan tag berikut di dalam halaman HTML:
<img src="{{ asset('gambar/contoh.jpg') }}">
Dalam contoh di atas, tag <img>
menunjukkan bahwa kita akan menampilkan gambar. Atribut src menunjukkan lokasi file gambar yang akan ditampilkan. Kita menggunakan helper asset untuk menentukan path ke file gambar. Helper ini membantu kita menentukan path yang benar agar gambar dapat ditampilkan.
3. Menggunakan Plugin untuk Insert Gambar di Laravel 5.8
Selain cara manual, kamu juga bisa menggunakan plugin untuk memudahkan proses insert gambar di Laravel 5.8. Salah satu plugin yang bisa kamu gunakan adalah Intervention Image, yaitu plugin yang memungkinkan kamu untuk melakukan manipulasi gambar seperti resize, crop, rotate, dan lain-lain. Selain itu, plugin ini juga mendukung berbagai format gambar seperti JPG, PNG, GIF, dan BMP.
4. Kesimpulan
Itulah beberapa cara untuk insert gambar di hosting Laravel 5.8. Kamu bisa menggunakan cara manual dengan menambahkan tag HTML <img>
, atau menggunakan plugin seperti Intervention Image untuk memudahkan proses manipulasi gambar. Semoga informasi ini bermanfaat untuk kamu yang sedang membangun website dengan Laravel 5.8.