AI CMSAI CMS
Trang chủ
Giới thiệu
Editor
Tính năng AI
Trang chủ
Giới thiệu
Editor
Tính năng AI
  • Hướng dẫn Editor

    • Giới thiệu Editor
    • Làm việc với văn bản
    • Chèn hình ảnh
    • Tạo Gallery ảnh
    • Chèn Video
    • Chèn Audio/Podcast
    • Tạo biểu đồ với AI
    • Chèn trích dẫn (Quote)
    • Đóng khung nội dung (Content Box)
    • Chèn Link và SEO Link
    • Nhúng nội dung bên ngoài (Embed)
    • Chèn Poll và Quiz
    • Các phím tắt hữu ích

Chèn hình ảnh

Hướng dẫn chi tiết cách chèn và xử lý hình ảnh trong bài viết.

Ảnh trong bài viết

Cách chèn ảnh

Cách 1: Từ menu block

  1. Nhấp vào nút + để mở menu block
  2. Chọn Hình ảnh (Image)
  3. Chọn phương thức upload:
    • Tải lên: Upload từ máy tính
    • Từ URL: Dán link ảnh
    • Thư viện: Chọn từ thư viện ảnh

Cách 2: Gõ lệnh

  1. Ở dòng trống, gõ /image hoặc /anh
  2. Nhấn Enter
  3. Chọn ảnh để upload

Cách 3: Kéo thả

  1. Kéo file ảnh từ máy tính
  2. Thả vào vị trí mong muốn trong editor
  3. Ảnh sẽ tự động upload

Cách 4: Paste

  1. Copy ảnh từ nguồn khác (web, Word, clipboard)
  2. Paste vào editor (Ctrl + V)
  3. Ảnh sẽ tự động upload lên hệ thống

Định dạng ảnh hỗ trợ

Định dạngMô tả
JPG/JPEGẢnh nén có mất dữ liệu, phổ biến nhất
PNGẢnh nén không mất, hỗ trợ trong suốt
GIFẢnh động
WebPĐịnh dạng mới, tối ưu cho web
SVGĐồ họa vector

Khuyến nghị

  • Sử dụng JPG cho ảnh chụp, phong cảnh
  • Sử dụng PNG cho ảnh có nền trong suốt, infographic
  • Kích thước tối đa: 10MB mỗi ảnh

Chỉnh sửa thông tin ảnh

Sau khi chèn ảnh, bạn có thể chỉnh sửa các thông tin:

Caption (Chú thích ảnh)

  1. Nhấp vào vùng chú thích bên dưới ảnh
  2. Nhập nội dung chú thích
  3. Chú thích sẽ hiển thị khi hover hoặc bên dưới ảnh

Lưu ý về chú thích

  • Nên ghi nguồn ảnh nếu không phải ảnh tự chụp
  • Ví dụ: "Ảnh: Nguyễn Văn A" hoặc "Ảnh: TTXVN"

Alt Text (Văn bản thay thế)

Alt text quan trọng cho:

  • SEO (công cụ tìm kiếm đọc được)
  • Accessibility (người dùng khiếm thị)
  • Hiển thị khi ảnh không load được

Cách thêm alt text:

  1. Nhấp vào ảnh
  2. Mở menu ⋯
  3. Chọn Cài đặt ảnh
  4. Nhập alt text
  5. Nhấn Lưu

Căn chỉnh ảnh

Các kiểu căn chỉnh ảnh

Các tùy chọn căn chỉnh

Căn chỉnhMô tảKhi nào dùng
Căn tráiẢnh bên trái, text chảy bên phảiẢnh minh họa nhỏ
Căn giữaẢnh ở giữa, full widthẢnh chính, quan trọng
Căn phảiẢnh bên phải, text chảy bên tráiẢnh minh họa nhỏ
Tràn tráiẢnh mở rộng về tráiẢnh lớn, nổi bật
Tràn phảiẢnh mở rộng về phảiẢnh lớn, nổi bật
Full widthẢnh chiếm toàn bộ chiều rộngẢnh bìa, ảnh panorama

Cách thay đổi căn chỉnh

Cách 1: Menu block

  1. Nhấp vào ảnh
  2. Nhấp nút ⋯
  3. Chọn Kiểu hiển thị
  4. Chọn căn chỉnh mong muốn

Cách 2: Phím tắt

  • Ctrl + ← : Chuyển sang căn trái/tràn trái
  • Ctrl + → : Chuyển sang căn phải/tràn phải

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

Resize bằng kéo thả

  1. Nhấp vào ảnh để chọn
  2. Kéo các góc/cạnh của ảnh
  3. Thả khi đạt kích thước mong muốn

Đặt kích thước cụ thể

  1. Mở menu ⋯ → Cài đặt ảnh
  2. Nhập chiều rộng/cao mong muốn
  3. Tích chọn Giữ tỷ lệ để không bị méo

Hiệu ứng ảnh (AOS)

AOS (Animate On Scroll) tạo hiệu ứng khi ảnh xuất hiện:

Bật hiệu ứng

  1. Nhấp vào ảnh
  2. Mở menu ⋯ → Hiệu ứng AOS
  3. Chọn loại hiệu ứng:
    • Fade: Hiện dần
    • Slide Up: Trượt lên
    • Slide Left/Right: Trượt ngang
    • Zoom: Phóng to

Tùy chỉnh

  • Delay: Thời gian chờ trước khi chạy
  • Duration: Thời gian chạy hiệu ứng
  • Once: Chỉ chạy 1 lần

Xóa ảnh

Cách 1: Phím Delete

  1. Nhấp vào ảnh để chọn
  2. Nhấn phím Delete hoặc Backspace

Cách 2: Menu

  1. Nhấp vào ảnh
  2. Mở menu ⋯
  3. Chọn Xóa

Thay thế ảnh

  1. Nhấp vào ảnh cần thay
  2. Nhấp nút Thay ảnh trên toolbar
  3. Chọn ảnh mới
  4. Ảnh sẽ được thay thế, giữ nguyên các cài đặt

Mẹo sử dụng ảnh hiệu quả

Tối ưu dung lượng

  • Resize ảnh về kích thước cần thiết trước khi upload
  • Nén ảnh bằng tools như TinyPNG nếu cần
  • Hệ thống sẽ tự động tối ưu nhưng ảnh gốc nhỏ sẽ nhanh hơn

Ảnh đẹp hơn

  • Chọn ảnh có độ phân giải tốt (tối thiểu 1200px chiều rộng)
  • Tránh ảnh bị mờ, nhòe
  • Cân nhắc bố cục ảnh trong bài viết

Bản quyền ảnh

  • Chỉ sử dụng ảnh có bản quyền hoặc ảnh tự chụp
  • Ghi rõ nguồn ảnh trong chú thích
  • Không sử dụng ảnh vi phạm bản quyền

Tiếp theo: Tạo gallery ảnh

Prev
Làm việc với văn bản
Next
Tạo Gallery ảnh