Chèn ảnh và tối ưu tốc độ tải trang

Ảnh là thứ làm trang nặng nhanh nhất. Tin tốt là trang quản trị đã tự xử lý phần khó, bạn chỉ cần chọn ảnh hợp lý và chèn đúng chỗ. Bài này nói rõ hệ thống làm gì thay bạn và phần nào vẫn cần bạn quyết định.

Chuẩn bị

Ảnh chụp thật của sản phẩm, công trình hoặc cửa hàng, chiều rộng tối thiểu khoảng 800px. Ảnh quá nhỏ sẽ bị mờ khi hiển thị lớn.
Ảnh bạn có quyền dùng. Không lấy ảnh của người khác hay ảnh tải từ mạng về nếu chưa được phép.
Đặt tên tệp dễ hiểu trước khi tải, ví dụ khop-noi-mem-inox.jpg thay cho IMG_4821.jpg.

Các bước

Mở bài ở Nội dung → Tin tức → Tất cả bài viết, bấm vào tên bài cần sửa (hoặc Viết bài mới).
Với ảnh đại diện: ở cột phải, bấm vào khung Ảnh đại diện ("Bấm để chọn ảnh"). Tải ảnh từ máy lên, hoặc chọn một ảnh đã có trong Thư viện media.
Với ảnh trong thân bài: đặt con trỏ vào đoạn muốn chèn, bấm biểu tượng ảnh trên thanh công cụ của trình soạn rồi chọn ảnh. Chọn nhiều ảnh một lần thì chúng được chèn nối tiếp nhau.
Chèn ảnh ở đúng chỗ nội dung nhắc tới nó, thường sau một đoạn giải thích, thay vì dồn hết lên đầu bài.
Bấm Lưu, rồi Xem trên web để xem ảnh trên máy tính. Mở thêm bằng điện thoại để chắc ảnh không bị cắt hoặc quá lớn.
Muốn xem hay quản lý mọi ảnh đã tải, vào Hiển thị → Thư viện media.

Hệ thống tự làm gì cho ảnh

Khi bạn tải ảnh JPG hoặc PNG lên, hệ thống tự chuyển sang định dạng nhẹ WebP và thu về tối đa 1920px chiều rộng. Bạn không cần tự nén trước. Ảnh gốc nhỏ hơn 1920px không bị phóng to.

Nếu website bật Hình mờ ảnh (Hiển thị → Hình mờ ảnh), logo hay chữ của công ty được đóng lên ảnh khi bạn lưu bài. Quản trị viên cài đặt phần này, người viết chỉ cần biết ảnh sẽ có dấu.

Về mô tả thay thế (alt): trình soạn không có ô nhập riêng cho từng ảnh. Khi hiển thị, nếu ảnh chưa có mô tả, hệ thống tự điền theo tiêu đề bài. Vì vậy hãy đặt tiêu đề rõ ý, và viết một câu ngay gần ảnh nói ảnh đó thể hiện gì.

Lỗi thường gặp

Ảnh chụp bằng điện thoại rất nặng: không sao, hệ thống tự thu nhỏ khi tải lên. Nhưng tải nhiều ảnh cùng lúc thì cần chờ lâu hơn.
Ảnh bị mờ: ảnh gốc quá nhỏ. Dùng ảnh lớn hơn thay vì kéo giãn.
Chèn quá nhiều ảnh giống nhau: mỗi ảnh nên có lý do. Ba ảnh khác góc nhìn có ích hơn mười ảnh lặp.
Ảnh có chữ nhỏ: chữ trong ảnh khó đọc trên điện thoại và máy dò không đọc được. Viết thông tin quan trọng thành chữ trong bài.
Dùng ảnh GIF hoặc SVG mà mong có hình mờ: các loại này không được đóng dấu.

Kiểm tra lại

Ảnh rõ, chiều rộng từ khoảng 800px trở lên.
Đã chọn Ảnh đại diện cho bài.
Ảnh trong bài nằm đúng chỗ nội dung nhắc tới.
Gần mỗi ảnh có một câu nói ảnh thể hiện điều gì.
Đã xem bài trên điện thoại sau khi lưu.
Ảnh là ảnh bạn có quyền sử dụng.

Bước tiếp theo

Sang bài kế để viết tiêu đề và mô tả hiển thị trên Google: Viết tiêu đề, mô tả chuẩn SEO. Muốn hiểu thêm vì sao ảnh nặng làm trang chậm, đọc Ảnh nặng làm website chậm.