> For the complete documentation index, see [llms.txt](https://manual.1landing.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.1landing.vn/cac-phan-tu-co-ban-cua-landing-page/hinh-anh.md).

# Hình ảnh

Để thêm hình ảnh vào landing page, bạn làm như clip hướng dẫn:

{% embed url="<https://www.youtube.com/watch?v=-NSuHlv3miI>" %}

{% hint style="info" %}
Lưu ý:

* Bạn nên tạo tag và upload ảnh theo tag để quản lý ảnh dễ dàng hơn.
* Khi upload, bạn giữ nút Ctrl để tải lên nhiều ảnh cùng lúc.
  {% endhint %}

## Alt ảnh và kiểu hiển thị

Alt ảnh là chú thích ảnh, dùng cho SEO

Kiểu hiển thị ảnh:

* Default (contain): Ảnh giữ đúng tỉ lệ và phóng to/thu nhỏ lại cho vừa với bên trong box.
* Cover: Ảnh giữ đúng tỉ lệ và lấp đầy toàn bộ box. Các phần thừa của ảnh sẽ được cắt đi và không hiển thị.
* Fill: Ảnh sẽ thay đổi tỉ lệ và lấp đầy toàn bộ box (kiểu hiển thị này thường gây "méo ảnh").

![](/files/LLGdZA7arIheR4I1Yomn)

## Thay đổi kích thước ảnh

![](/files/dsh72FE3nbk6wLQyBdI9)

## Viền và bo góc ảnh

Tạo viền ảnh:

![](/files/fVxqk3KVrIDCbNFyRAvq)

Bo góc ảnh:

![](/files/1SWBixcHR7dbzt01jwnt)

## Đổ bóng cho ảnh

![](/files/69UGM6WK6C7THPDnxPXZ)

## Overlay ảnh

![](/files/ofB0O0fHyJs5DxzLUg9c)