# Image

Image adalah salah satu komponen di Tribeliopage yang berfungsi untuk menambahkan gambar yang ingin kamu tampilkan pada landing page

## Tutorial

![Image Component](https://1695532416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmjLQ2aX6DHMCbTSBODu%2Fuploads%2F50gDBxWIGDCTBJ33C144%2FImage%20-%20New.png?alt=media\&token=4d873f9c-196b-44c5-93e5-af18e10fa256)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat
2. Klik "**Add Component**" di bagian Landing Page Builder
3. Pilih menu "**Media**"
4. Klik "**Image**"
5. Kamu bisa menambahkan image, dengan format "**PNG**", "**JPG**", atau "**GIF**"
6. Untuk menambahkan gambar, klik "**Upload Image or GIF"**
7. "**URL**" untuk menambahkan link pada **Image** yang berfungsi untuk mengarahkan (*redirect*) user ketika meng-klik Image
8. Kamu bisa mengatur bentuk gambar menggunakan "**Shape**"
9. Untuk memangkas gambar bisa klik menu "**Crop**"
10. Kamu bisa upload ulang gambar kamu dengan klik "**Edit**"
11. Jika kamu mau menghapus gambar, kamu bisa klik "**Delete**"
12. Untuk mengatur style yang ada pada komponen Image, klik tab "**Setting**"

### Image Setting

1. Untuk menambahkan Background Color, klik menu "**Setting"** lalu pilih warna untuk komponen Image kamu
2. Gunakan "**Image Size**" untuk mengatur ukuran tampilan Image
3. Gunakan "**Border Radius**" untuk mengatur lengkungan pada Image
4. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background
5. Jika kamu ingin menghapus semua pengaturan komponen Image yang telah kamu buat, klik tombol "**Reset**" yang berada di bagian bawah layar.