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.

Cách chèn ảnh
Cách 1: Từ menu block
- Nhấp vào nút + để mở menu block
- Chọn Hình ảnh (Image)
- 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
- Ở dòng trống, gõ
/imagehoặc/anh - Nhấn Enter
- Chọn ảnh để upload
Cách 3: Kéo thả
- Kéo file ảnh từ máy tính
- Thả vào vị trí mong muốn trong editor
- Ảnh sẽ tự động upload
Cách 4: Paste
- Copy ảnh từ nguồn khác (web, Word, clipboard)
- Paste vào editor (
Ctrl + V) - Ảnh sẽ tự động upload lên hệ thống
Định dạng ảnh hỗ trợ
| Định dạng | Mô 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)
- Nhấp vào vùng chú thích bên dưới ảnh
- Nhập nội dung chú thích
- 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:
- Nhấp vào ảnh
- Mở menu ⋯
- Chọn Cài đặt ảnh
- Nhập alt text
- Nhấn Lưu
Căn chỉnh ảnh

Các tùy chọn căn chỉnh
| Căn chỉnh | Mô 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
- Nhấp vào ảnh
- Nhấp nút ⋯
- Chọn Kiểu hiển thị
- 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áiCtrl + →: Chuyển sang căn phải/tràn phải
Thay đổi kích thước ảnh
Resize bằng kéo thả
- Nhấp vào ảnh để chọn
- Kéo các góc/cạnh của ảnh
- Thả khi đạt kích thước mong muốn
Đặt kích thước cụ thể
- Mở menu ⋯ → Cài đặt ảnh
- Nhập chiều rộng/cao mong muốn
- 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
- Nhấp vào ảnh
- Mở menu ⋯ → Hiệu ứng AOS
- 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
- Nhấp vào ảnh để chọn
- Nhấn phím Delete hoặc Backspace
Cách 2: Menu
- Nhấp vào ảnh
- Mở menu ⋯
- Chọn Xóa
Thay thế ảnh
- Nhấp vào ảnh cần thay
- Nhấp nút Thay ảnh trên toolbar
- Chọn ảnh mới
- Ả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