> 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.