Khi kiểm tra website của doanh nghiệp nhỏ, lỗi chúng tôi gặp nhiều nhất không phải hosting yếu hay plugin lạ. Đó là một tấm ảnh chụp từ điện thoại, 4000 × 3000 điểm ảnh, nặng 5 MB, được tải thẳng lên làm ảnh đầu trang. Trên máy tính văn phòng có thể không thấy gì. Trên điện thoại dùng 4G, khách nhìn khung trắng vài giây rồi thoát.
Tin tốt: xử lý ảnh không cần biết kỹ thuật, chỉ cần một thói quen trước khi bấm tải lên.
Kích thước: đủ nét là được, không cần to hơn
Ảnh chỉ cần rộng bằng khoảng gấp đôi vị trí nó hiển thị (để nét trên màn hình điện thoại độ phân giải cao). To hơn nữa chỉ làm nặng thêm.
| Vị trí | Chiều rộng nên dùng | Dung lượng nên đạt |
|---|---|---|
| Ảnh lớn đầu trang (hero) | 1600–2000 px | dưới 250 KB |
| Ảnh trong bài viết | 1200–1600 px | dưới 200 KB |
| Ảnh đại diện bài, ảnh sản phẩm | 800–1200 px | dưới 120 KB |
| Ảnh thẻ nhỏ, danh sách | 400–600 px | dưới 60 KB |
| Logo | Ưu tiên SVG; nếu PNG thì 2 lần kích thước hiển thị | dưới 30 KB |
Con số dung lượng là mục tiêu, không phải luật. Ảnh nhiều chi tiết có thể nặng hơn một chút.
Định dạng: chọn theo loại ảnh
- JPG: ảnh chụp (người, sản phẩm, không gian). Nhẹ, phổ biến.
- PNG: ảnh cần nền trong suốt hoặc đồ hoạ có chữ, nét cứng. Ảnh chụp lưu PNG thường nặng gấp nhiều lần JPG.
- WebP: nhẹ hơn JPG, PNG đáng kể ở cùng độ nét, các trình duyệt hiện nay đều hỗ trợ. Nên dùng cho mọi ảnh trên website. WordPress đã hỗ trợ tải lên WebP; nhiều plugin tối ưu ảnh tự tạo bản WebP.
- SVG: logo, biểu tượng. Nét ở mọi kích thước, rất nhẹ. Chỉ dùng SVG từ nguồn tin cậy (người thiết kế của bạn), vì file SVG có thể chứa mã.
Nén ảnh trước khi tải lên
Công cụ miễn phí, chạy trên trình duyệt:
- Squoosh (squoosh.app): kéo ảnh vào, chọn WebP, chỉnh kích thước và chất lượng, xem trước chênh lệch trực tiếp. Chất lượng 75–80 thường không nhìn ra khác biệt.
- TinyPNG / TinyJPG: kéo thả nhiều ảnh một lúc, nén tự động.
Quy trình 1 phút cho mỗi ảnh: thu nhỏ về đúng chiều rộng → xuất WebP chất lượng khoảng 80 → kiểm tra dung lượng → tải lên.
Plugin tối ưu ảnh trên WordPress giúp nén tự động, nhưng không thay được bước thu nhỏ: nén một ảnh 4000 px vẫn ra một ảnh 4000 px.
Để ảnh không làm chậm trang
- Tải trễ (lazy load) ảnh nằm phía dưới trang: ảnh chỉ tải khi khách cuộn tới. WordPress bật sẵn cho ảnh trong nội dung.
- Không tải trễ ảnh đầu trang: ảnh lớn nhìn thấy ngay khi mở trang cần tải sớm nhất, tải trễ ảnh này làm điểm tốc độ tệ đi.
- Khai báo chiều rộng, chiều cao cho ảnh để trang không bị nhảy bố cục khi ảnh tải xong.
- Không dùng slider 6 ảnh lớn ở đầu trang. Một ảnh tốt hiệu quả hơn.
Xem thêm bài website chậm: 7 nguyên nhân.
Tên file và văn bản thay thế (alt)
Google không "nhìn" ảnh như người. Nó đọc tên file và văn bản thay thế.
- Tên file: không dấu, gạch nối, mô tả nội dung. `IMG_20260915_093412.jpg` → `phong-kham-nha-khoa-quan-7.webp`.
- Văn bản thay thế: một câu ngắn mô tả ảnh cho người không nhìn thấy được (người dùng trình đọc màn hình, hoặc khi ảnh lỗi). "Bác sĩ đang tư vấn niềng răng cho khách tại phòng khám", không phải chuỗi từ khoá lặp lại.
- Ảnh trang trí thuần tuý (hoạ tiết nền) để alt rỗng.
Bản quyền: vì sao không lấy ảnh trên mạng
"Ảnh trên Google" không phải ảnh miễn phí. Phần lớn ảnh bạn tìm thấy đều có chủ sở hữu. Rủi ro khi dùng không xin phép:
- Chủ ảnh hoặc đơn vị đại diện gửi yêu cầu gỡ và đòi phí bản quyền.
- Ảnh nhận diện được là của doanh nghiệp khác, khách phát hiện thì mất uy tín.
- Ảnh không đúng thực tế (phòng khám đẹp hơn thực tế, sản phẩm khác hàng thật) dễ bị coi là quảng cáo gây hiểu lầm.
Nguồn an toàn hơn:
- Ảnh tự chụp: có giá trị cao cho uy tín, khách thấy đúng nơi họ sẽ tới.
- Kho ảnh có giấy phép rõ ràng: Unsplash, Pexels (đọc điều khoản từng kho), hoặc kho trả phí.
- Ảnh nhà cung cấp cho phép dùng: xin xác nhận bằng văn bản hoặc email.
Chụp ảnh thật bằng điện thoại
Không cần máy ảnh chuyên dụng:
- Chụp ban ngày, gần cửa sổ, tắt đèn flash.
- Lau camera trước khi chụp.
- Dọn gọn khung hình: bỏ dây điện, thùng giấy, đồ cá nhân.
- Chụp ngang cho ảnh đầu trang, chụp vuông cho sản phẩm.
- Chụp người đang làm việc thật, có sự đồng ý của người trong ảnh.
- Mỗi lần chụp 20–30 tấm, chọn ra 5 tấm đẹp để dùng.
Checklist ảnh trước khi tải lên
- ☐ Ảnh tự chụp hoặc có giấy phép rõ ràng.
- ☐ Thu nhỏ đúng chiều rộng cho vị trí dùng.
- ☐ Định dạng WebP (hoặc JPG), dung lượng trong mức bảng trên.
- ☐ Tên file không dấu, mô tả nội dung.
- ☐ Có văn bản thay thế mô tả ảnh.
Tối ưu ảnh cho mọi bài viết, sản phẩm và banner là việc chúng tôi làm hằng tháng trong gói quản trị website. Muốn biết website hiện có bao nhiêu ảnh quá nặng, gửi link để nhận báo cáo kiểm tra miễn phí.
