# Image

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

## Tutorial

![Image Component](/files/iS67Ipx1af1cwgMToxmV)

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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.tribeliopage.com/page-builder/image.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.