Ảnh WebP WordPress và AVIF: 3 cách giảm dung lượng ảnh 2026

Ảnh WebP WordPress và AVIF là hai định dạng ảnh thế hệ mới giúp trang nhẹ hơn JPEG/PNG đáng kể mà chất lượng gần như không đổi. WordPress hỗ trợ tải lên WebP từ 5.8 và AVIF từ 6.5; WordPress 7.0 tiếp tục dùng cơ chế này. Có 3 cách áp dụng: tự chuyển đổi trước khi tải lên, dùng plugin chuyển đổi tự động (LiteSpeed Cache, EWWW, ShortPixel, Imagify, Converter for Media), hoặc dùng CDN chuyển đổi khi phân phối. Với website doanh nghiệp, cách 2 là tiện nhất vì xử lý cả thư viện ảnh cũ.

So sánh JPEG, PNG, ảnh WebP WordPress và AVIF

Tỷ lệ là số liệu tham khảo từ thử nghiệm phổ biến; thực tế tùy ảnh. Xem giới thiệu WebP của Google.

3 cách dùng ảnh WebP WordPress

Cách 1: Chuyển đổi trước khi tải lên

Dùng phần mềm chỉnh ảnh, công cụ trực tuyến như Squoosh, hoặc xuất trực tiếp WebP từ Photoshop, Canva. Ưu điểm: không thêm plugin, kiểm soát chất lượng. Nhược điểm: phụ thuộc thói quen người đăng; ảnh cũ không được xử lý.

Cách 2: Plugin chuyển đổi tự động

Plugin tạo bản WebP/AVIF cho mỗi ảnh tải lên và cả thư viện cũ, rồi phục vụ bản mới cho trình duyệt hỗ trợ, giữ bản gốc làm dự phòng. Hosting LiteSpeed dùng ngay LiteSpeed Cache (qua dịch vụ QUIC.cloud). Lưu ý giới hạn số ảnh miễn phí của dịch vụ nén đám mây.

Cách 3: CDN chuyển đổi

Một số CDN (Cloudflare Polish/Images, Bunny Optimizer, QUIC.cloud) tự chuyển định dạng khi phân phối. Không tốn dung lượng hosting, nhưng thường tính phí theo gói.

Thiết lập chất lượng nén hợp lý

• Ảnh chụp sản phẩm, ảnh bìa: chất lượng 75–82 thường khó phân biệt bằng mắt.
• Ảnh có chữ nhỏ, sơ đồ: dùng WebP không mất dữ liệu (lossless) hoặc chất lượng cao hơn.
• Logo: ưu tiên SVG; nếu không, PNG hoặc WebP không mất dữ liệu.
• Luôn thu nhỏ ảnh về kích thước hiển thị trước khi nén; nén ảnh 6000px vẫn nặng.

Kiểm tra ảnh WebP WordPress đã được phục vụ chưa

1. Mở trang trên Chrome, bấm chuột phải vào ảnh → Mở hình ảnh trong thẻ mới; xem đuôi tệp hoặc dùng F12 → Network → lọc Img, xem cột Type.
2. Một số plugin giữ nguyên đuôi .jpg trong đường dẫn nhưng trả nội dung WebP (dựa vào tiêu đề Accept); cột Type mới là chính xác.
3. PageSpeed Insights không còn cảnh báo “Phân phát hình ảnh ở định dạng mới”.

Nếu ảnh vẫn là JPEG, kiểm tra quy tắc .htaccess của plugin, cache CDN đang giữ bản cũ, hoặc ảnh được chèn bằng CSS nền mà plugin không xử lý.

Ảnh nền CSS và ảnh trong page builder

Ảnh nền đặt trong CSS (banner, khối nền) thường không được plugin thay bằng thẻ picture. Một số plugin xử lý bằng cách viết lại đường dẫn qua máy chủ; nếu không, nên tải lên trực tiếp bản WebP cho các ảnh nền lớn. Page builder như Elementor có tùy chọn riêng; cần kiểm tra từng ảnh nền đầu trang vì chúng thường là phần tử LCP.

Chuyển thư viện ảnh cũ sang ảnh WebP WordPress

Website đã chạy vài năm có thể có hàng nghìn ảnh JPEG/PNG. Quy trình chuyển an toàn:

1. Sao lưu toàn bộ thư mục wp-content/uploads và cơ sở dữ liệu.
2. Xem dung lượng thư mục uploads và dung lượng còn trống của hosting; bản WebP tạo thêm có thể chiếm 20–40% dung lượng hiện có.
3. Dọn ảnh không dùng trước để không tốn hạn mức chuyển đổi.
4. Chạy chuyển đổi hàng loạt ngoài giờ cao điểm, theo lô, tránh quá tải máy chủ.
5. Kiểm tra ngẫu nhiên 10–20 trang: trang chủ, sản phẩm, bài viết cũ.
6. Xóa cache plugin và CDN để khách nhận ảnh mới.

Ví dụ giả định về dung lượng

Một cửa hàng có 3.000 ảnh sản phẩm, thư mục uploads 4GB. Sau khi thu nhỏ ảnh quá khổ và tạo bản WebP, tổng dung lượng có thể tăng lên khoảng 5GB vì giữ cả bản gốc, nhưng mỗi trang khách tải nhẹ đi đáng kể. Nếu hosting hạn chế dung lượng, cân nhắc CDN chuyển đổi thay vì lưu bản WebP trên máy chủ. Con số chỉ minh hoạ.

Ảnh WebP WordPress trên điện thoại

Ảnh chụp từ iPhone mặc định là HEIC; WordPress từ 6.7 tự chuyển HEIC sang JPEG khi tải lên nếu máy chủ hỗ trợ thư viện xử lý ảnh phù hợp. Sau đó plugin sẽ tạo WebP như ảnh thường. Nếu tải lên báo lỗi, chuyển ảnh sang JPEG trên điện thoại trước hoặc chỉnh cài đặt camera sang “Tương thích nhất”.

Ảnh từ điện thoại Android thường là JPEG kích thước rất lớn (4000px trở lên); WordPress tự thu nhỏ về 2560px, nhưng tốt nhất nên thu nhỏ còn 1600–1920px trước khi tải để tiết kiệm dung lượng.

Tác động đến tốc độ và chi phí

Ảnh thường chiếm phần lớn dung lượng một trang web. Giảm ảnh là cách trực tiếp nhất để cải thiện LCP trên điện thoại và giảm băng thông hosting, CDN. Với website do Việt Thái Group làm (doanh nghiệp từ 4 triệu, bán hàng từ 8 triệu), chuyển đổi WebP được bật sẵn; khách chỉ cần tải ảnh lên như bình thường.

Những trường hợp không nên dùng WebP

• Ảnh cho khách tải về để in (catalogue, tài liệu): giữ JPEG/PDF chất lượng cao.
• Ảnh gửi qua email marketing: một số ứng dụng email cũ chưa hiển thị WebP.
• Ảnh dùng cho đối tác khác tải về đăng lại: JPEG phổ biến hơn.

Ảnh WebP WordPress và WooCommerce

Ảnh sản phẩm WooCommerce có thêm các cỡ riêng: ảnh thu nhỏ trong danh mục, ảnh đơn sản phẩm, ảnh thư viện phóng to. Plugin chuyển đổi cần tạo WebP cho tất cả các cỡ này. Sau khi đổi giao diện hoặc đổi cỡ ảnh trong cài đặt WooCommerce, hãy chạy “tạo lại ảnh thu nhỏ” rồi chuyển đổi lại, nếu không khách có thể nhận ảnh bị kéo giãn hoặc bản JPEG cũ.

Ảnh sản phẩm nên đồng nhất tỷ lệ (vuông hoặc 4:5) và nền, vừa đẹp vừa giúp nén hiệu quả hơn. Ảnh nền trắng thuần nén WebP rất nhẹ.

Vai trò của máy chủ khi tạo ảnh WebP WordPress

WordPress dùng thư viện Imagick hoặc GD trên máy chủ để tạo ảnh. Muốn tạo AVIF, thư viện phải được biên dịch có hỗ trợ AVIF; nhiều hosting cũ chỉ có GD không hỗ trợ. Vào Công cụ → Tình trạng website → Thông tin → Phương tiện để xem định dạng được hỗ trợ. Nếu thiếu, nhờ hosting cập nhật hoặc dùng dịch vụ chuyển đổi đám mây.

Câu chuyện chất lượng: nén nhiều quá thì sao

Nén quá tay làm ảnh bị nhòe, vỡ khối màu, nhất là ảnh có vùng chuyển màu mịn như bầu trời, da, nền gradient. Với ảnh sản phẩm, khách cần thấy rõ chất liệu, màu sắc; một ảnh mờ có thể làm giảm tỷ lệ đặt hàng nhiều hơn lợi ích từ vài chục KB tiết kiệm được. Hãy so sánh trước và sau ở độ phóng 100% trên điện thoại, chọn mức nén cao nhất mà mắt vẫn không thấy khác biệt.

Nhiều plugin có ba mức: không mất dữ liệu, cân bằng, nén mạnh. Website doanh nghiệp thường hợp với mức cân bằng; ảnh sản phẩm cao cấp có thể chọn mức nhẹ hơn.

Tóm lại, bật ảnh WebP WordPress bằng plugin phù hợp máy chủ, giữ bản gốc làm dự phòng, chọn mức nén cân bằng và kiểm tra trên điện thoại. Ba việc này mất chưa tới một giờ nhưng hiệu quả kéo dài suốt vòng đời website.

Câu hỏi thường gặp về ảnh WebP WordPress

Có nên chuyển hết sang AVIF?

Chưa cần. WebP đã đủ tốt và tạo nhanh; AVIF dùng cho ảnh lớn khi plugin hỗ trợ, kèm WebP/JPEG dự phòng.

Ảnh WebP có ảnh hưởng Google Hình ảnh?

Không. Google lập chỉ mục WebP và AVIF bình thường.

Xóa ảnh gốc JPEG được không?

Không nên nếu dùng plugin chuyển đổi; bản gốc là dự phòng và dùng để tạo lại khi đổi cấu hình.

Kết luận về ảnh WebP WordPress

Ảnh WebP WordPress là cách đơn giản nhất để trang nhẹ hơn; AVIF là bước tiếp theo cho ảnh lớn. Xem thêm SEO ảnh WordPress, plugin cache WordPress và dịch vụ thiết kế web của Việt Thái Group.