> For the complete documentation index, see [llms.txt](https://docs.datasuite.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.datasuite.vn/cac-tinh-nang/cac-thanh-phan-khac/them-hinh-anh-add-image.md).

# Thêm hình ảnh (Add image)

{% stepper %}
{% step %}

#### Thêm hình ảnh

Tại thanh công cụ phía trên, nhấn vào biểu tượng ![](/files/w9TvtEwbavjt9YzJZ3ts) để thêm một hình ảnh. 

Hệ thống sẽ mở cửa sổ yêu cầu người dùng **chọn hình ảnh từ máy tính**. Sau khi chọn, hình ảnh sẽ được **chèn vào khung hình** trên Report Page.
{% endstep %}

{% step %}

#### Điều chỉnh kích thước và vị trí

Sau khi hình ảnh được thêm vào Report Page, người dùng có thể:

* **Kéo/thả** để điều chỉnh vị trí hình ảnh
* **Kéo góc dưới bên phải** để thay đổi kích thước theo mong muốn.
  {% endstep %}

{% step %}

#### Chỉnh sửa và định dạng hình ảnh

Tại thanh bên phải, trong tab **Visualizations → Style**, người  dùng có thể cấu hình:

* **Type**: Xác định **cách hiển thị hình ảnh trong khung** (chi tiết ở [bên dưới](#cac-che-do-hien-thi-hinh-anh-image-type-options)[ ](#cac-che-do-hien-thi-hinh-anh-image-type-options))
* **Background**: Bật/tắt chế đồ hiển thị màu nền cho hình ảnh.
  * **Color**: Chọn màu nền cho vùng chứa hình ảnh (mặc định là màu trắng `#FFFFFF`).
  * **Transparency**: Thiết lập độ trong suốt (0 = không trong suốt, 100 = trong suốt hoàn toàn)
* **Display for mobile**: Bật/tắt việc hiển thị hình ảnh này trên thiết bị di động (mobile). Giúp tối ưu hóa trải nghiệm trên các màn hình nhỏ.
* **Reset to default:** Khôi phục toàn bộ thiết lập về cấu hình mặc định.
  {% endstep %}

{% step %}

#### Sắp xếp thứ tự hiển thị (nếu cần)

Nhấn chuột phải vào hình ảnh, chọn ![](/files/BgeSzFhDfsu60zdWqjN2) >> ![](/files/F1iVOGyjARxuRzWqG4Xl) để đưa hình xuống **dưới cùng**, dùng làm nền báo cáo.
{% endstep %}
{% endstepper %}

#### Các chế độ hiển thị hình ảnh (Image Type Options)

* **Fill**: Phóng to/thu nhỏ hình ảnh để **lấp đầy toàn bộ khung**, có thể làm biến dạng hình ảnh.
* **Contain**: Co giãn hình ảnh sao cho nó **nằm gọn trong khung**, vẫn giữ **tỷ lệ gốc**.
* **Cover**: Phóng to hình ảnh sao cho **bao phủ toàn bộ khung**, vẫn giữ **tỷ lệ gốc**.
* **Scale down**: Chỉ **thu nhỏ** hình ảnh nếu nó quá lớn; nếu nhỏ hơn khung thì **giữ nguyên kích thước gốc**.
* **None**: Giữ nguyên **kích thước gốc** của hình ảnh, không điều chỉnh theo kích thước khung.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.datasuite.vn/cac-tinh-nang/cac-thanh-phan-khac/them-hinh-anh-add-image.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.