Hình ảnh

TL;DR / Tổng quan

Các thành phần hình ảnh trong Nilead là những thành phần độc lập giúp bạn tăng tính trực quan cho website với ảnh chụp, đồ họa, và minh họa. Khác với hình nền, các thành phần hình ảnh có thể được tùy chỉnh kiểu dáng và cấu hình riêng biệt. Hướng dẫn này sẽ chỉ bạn cách thêm hình ảnh, chỉnh sửa chúng, và đảm bảo hình ảnh dễ truy cập và được tối ưu hóa.

Yêu cầu

• Bạn cần đăng nhập vào tài khoản Nilead của mình.

• Bạn cần có quyền truy cập vào Visual Website Builder.

• Các tệp hình ảnh của bạn nên dưới 10MB.

• Khuyến nghị: Sử dụng hình ảnh đã được tối ưu hóa cho web (ví dụ: đã chỉnh kích thước, nén).

Hướng dẫn chi tiết

1.Thêm hình ảnh vào Canvas của bạn

1. Mở Trình Quản lý Media

   • Nhấp vào biểu tượng hình ảnh ở thanh công cụ góc trên bên phải, cạnh menu người dùng.

2. Tải lên hình ảnh

   • Vào tab "Tải lên", sau đó chọn tiếp tab phụ "Hình ảnh".

   • Kéo và thả tệp hoặc nhấp vào Chọn tệp để lựa chọn hình ảnh từ thiết bị của bạn.

   • Nhấn Tải lên (góc dưới bên phải).

3. Chèn phần tử Hình ảnh
   

   • Kéo phần tử Hình ảnh từ thanh bên vào canvas của bạn.

   • Khi phần tử hình ảnh đã được chọn, sử dụng bảng cài đặt để chọn hình vừa tải lên của bạn.

💡 Mẹo: Nilead tự động tạo ra nhiều phiên bản hình ảnh phù hợp với các kích thước màn hình khác nhau. Tuy nhiên, để có kết quả tối ưu, bạn nên tải lên các hình ảnh đã được tối ưu sẵn.

2.Chỉnh sửa Cài đặt Hình ảnh

Sau khi chọn phần tử hình ảnh, hãy mở bảng cấu hình của nó. Bạn có thể:

• Đổi tên hình ảnh và thêm mô tả ngắn

• Gắn thẻ cho hình ảnh để dễ dàng tìm kiếm hơn

• Đặt điểm nhấn (quan trọng đối với việc cắt hình ảnh phản hồi)

• Sử dụng các công cụ chỉnh sửa cơ bản: xoay, cắt, lật, phóng to

3. Thêm Văn bản Thay thế (Alt Text)

Văn bản thay thế giúp cải thiện khả năng truy cập và SEO. Để thêm văn bản thay thế:

1. Chọn phần tử hình ảnh.

2. Mở Cài đặt Hình ảnh.

3. Tìm trường Alt Text và nhập nhãn mô tả.

Ví dụ: “Barista cầm một tách cappuccino tại quầy gỗ”

4.Sử dụng Văn bản Thay thế Động

Để tự động hóa văn bản thay thế với dữ liệu từ CMS hoặc CRM:

1. Chọn phần tử hình ảnh.

2. Trong Cài đặt Hình ảnh, đánh dấu vào ô “Mapping”.

3. Chọn nhà cung cấp và trường dữ liệu phù hợp.

Phương pháp này hữu ích cho các trang mẫu hoặc danh sách sản phẩm.

5. Khắc phục sự cố khi tải lên hình ảnh

Nếu hình ảnh của bạn không tải lên được:

• Đảm bảo tệp nhỏ hơn 10MB và ở định dạng được hỗ trợ (.jpg, .png, .webp).

• Kiểm tra kết nối internet của bạn.

• Thử sử dụng chế độ Ẩn danh hoặc tắt các tiện ích mở rộng có thể chặn trường nhập tệp.

• Đổi tên tệp nếu tên chứa ký tự đặc biệt hoặc dấu cách.

Câu hỏi thường gặp

1. Sự khác biệt giữa phần tử hình ảnh và hình nền là gì?
Phần tử hình ảnh tồn tại độc lập trên giao diện, có thể thay đổi kích thước, tùy chỉnh kiểu dáng và gán liên kết. Hình nền được áp dụng cho các vùng chứa và ít linh hoạt hơn.

2. Nilead có tự động tối ưu hóa hình ảnh không?
Có. Khi tải lên, Nilead sẽ tạo các phiên bản hình ảnh đáp ứng. Tuy nhiên, bạn vẫn nên tải lên ảnh đã được nén để đạt hiệu quả tốt nhất.

3. Tôi có thể sử dụng lại hình ảnh đã tải lên trên nhiều trang không?
Chắc chắn. Tất cả hình ảnh đã tải lên được lưu trữ trong Media Manager và có thể sử dụng trên toàn website.

4. Văn bản thay thế động có bắt buộc không?
Không bắt buộc, nhưng được khuyến nghị cho các website có nội dung động như blog, danh sách sản phẩm hoặc trang được tạo từ CMS.

5. Các định dạng nào được hỗ trợ?
Các định dạng hỗ trợ gồm .jpg, .jpeg, .png, .gif, .webp và .svg (cho đồ họa vector).