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

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-05836c21705b479b7cb91fba43add085587a2f87%2Fkieu-hien-thi-anh.gif?alt=media\&token=94c237cc-d6e1-492d-9f64-355bb95a5e29)

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

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-2a8b050b6bb47b3643944c698198752bd71c03aa%2Fthay-doi-kich-thuoc-anh.gif?alt=media\&token=1fa11608-9814-4b9c-a144-70d35644a11d)

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

Tạo viền ảnh:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-6716ab2973ccdcb986c14dd1f0592c97e88af5d3%2Fvien-anh.gif?alt=media\&token=57191502-153d-495c-897b-f60bbf317be3)

Bo góc ảnh:

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-f963b496a6a5d8e90a1aed171b7d0df79af6a973%2Fbo-goc-anh.gif?alt=media\&token=1340e57a-456f-49bf-a37a-0ddfc58f51ec)

## Đổ bóng cho ảnh

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-d409baa23ed32d41cc2d7806d22c6d7c02382984%2Fdo-bong-anh.gif?alt=media\&token=db3e6d53-ced9-46eb-8ada-01738a768fdc)

## Overlay ảnh

![](https://3838962220-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mflc2VerFl4qo5x__T3%2Fuploads%2Fgit-blob-2f333e1dd7b96e99a25051ceb0dbd4b0c95bdfff%2Foverlay-anh.gif?alt=media\&token=ed300e5f-3e60-4511-a830-3ebfa2b58f74)