Cách nén hình ảnh cho WordPress — Tăng tốc trang web của bạn sau 5 phút

WordPress làm cho việc tải lên những hình ảnh lớn trở nên dễ dàng một cách nguy hiểm. Bạn kéo ảnh từ điện thoại vào thư viện phương tiện, WordPress tạo một vài kích thước hình thu nhỏ và bạn chèn nó vào bài đăng. Vấn đề: điện thoại của bạn chụp ở độ phân giải 12-48 megapixel, tạo ra các tệp có chiều rộng 4000-8000 pixel và mỗi tệp có dung lượng 3-8 MB. WordPress có thể hiển thị hình ảnh đó với chiều rộng 800 pixel trong bài đăng của bạn, nhưng nó vẫn tải hậu trường bản gốc có kích thước đầy đủ trừ khi chủ đề của bạn được định cấu hình đúng cách.

Nhân số đó với 5-10 hình ảnh trong một bài đăng blog thông thường, thêm hình ảnh tiêu đề, hình ảnh thanh bên và bất kỳ hình nền nào của chủ đề và bạn sẽ dễ dàng cung cấp 20-40 MB dữ liệu hình ảnh trên mỗi trang. Ngay cả trên các kết nối nhanh, chỉ mất 2-4 giây cho hình ảnh. Trên kết nối di động, nó còn tệ hơn nhiều.

Trước khi lo lắng về việc nén, hãy xác định kích thước phù hợp. Hầu hết các chủ đề WordPress đều có vùng nội dung rộng 700-1200 pixel. Tải ảnh rộng 5000 pixel lên vùng chứa 900 pixel là sự lãng phí thuần túy. Thay đổi kích thước hình ảnh của bạn để phù hợp với chiều rộng nội dung của chủ đề của bạn. Đối với các bài đăng blog tiêu chuẩn, chiều rộng 1200 pixel thường là mức tối đa bạn cần. Đối với hình ảnh chính có chiều rộng đầy đủ, 1920 pixel là đủ cho hầu hết tất cả các màn hình.

Hình ảnh nổi bật: 1200 x 630 pixel (điều này cũng hoạt động hoàn hảo để chia sẻ trên mạng xã hội). Hình ảnh bài đăng trên blog: Chiều rộng 800-1200 pixel, tỷ lệ chiều cao. Biểu ngữ có chiều rộng đầy đủ: 1920 x 600-800 pixel. Hình thu nhỏ: WordPress tự động tạo những thứ này nhưng bạn có thể kiểm soát kích thước trong Cài đặt > Phương tiện. Việc lấy kích thước ngay trước khi tải lên thường giúp giảm kích thước tệp xuống 60-80% trước khi áp dụng bất kỳ thao tác nén nào.

Nhiều người dùng WordPress dựa vào các plugin như Smush hoặc ShortPixel để nén hình ảnh sau khi tải lên. Những cách này hoạt động nhưng chúng làm tăng tải máy chủ, đôi khi yêu cầu các gói trả phí cho các thư viện lớn và trước tiên bạn vẫn phải tải lên các bản gốc quá khổ. Một cách tiếp cận tốt hơn: nén hình ảnh của bạn trước khi tải lên tới WordPress. Thay đổi kích thước theo kích thước chính xác, nén ở chất lượng 75-85% và ảnh trên điện thoại 6 MB của bạn sẽ trở thành hình ảnh có dung lượng 150 KB sẵn sàng cho web. Tải lên trực tiếp.

Nếu bạn hiện có các bài đăng có hình ảnh chưa được tối ưu hóa, plugin có thể giúp tối ưu hóa hàng loạt. Nhưng đối với mỗi bài đăng mới về sau, hãy nén trước khi tải lên. Nó nhanh hơn, cho phép bạn kiểm soát chất lượng nhiều hơn và không phụ thuộc vào việc plugin vẫn hoạt động.

WordPress đã hỗ trợ tải lên WebP nguyên bản kể từ phiên bản 5.8 và hỗ trợ AVIF đã được thêm vào trong WordPress 6.5. Hình ảnh WebP nhỏ hơn khoảng 30% so với ảnh JPEG tương đương, nghĩa là mọi hình ảnh trên trang web của bạn tải nhanh hơn mà không có sự khác biệt về chất lượng hiển thị. Chuyển đổi hình ảnh của bạn sang WebP trước khi tải lên hoặc sử dụng plugin tự động phân phát các phiên bản WebP cho các trình duyệt hỗ trợ nó (là tất cả các trình duyệt hiện đại vào năm 2026).

WordPress 5.5+ thêm tính năng tự động tải từng phần vào hình ảnh, nghĩa là hình ảnh dưới màn hình đầu tiên không tải cho đến khi khách truy cập cuộn đến gần chúng. Đây là một cải tiến lớn dành cho các trang có nhiều hình ảnh — lần tải trang đầu tiên chỉ cần tìm nạp những hình ảnh hiển thị trên màn hình. Đảm bảo chủ đề của bạn không tắt tính năng này. Bạn có thể xác minh bằng cách kiểm tra nguồn trang của mình và tìm kiếm đang tải="lười biếng" thuộc tính trên thẻ img của bạn.

WordPress cũng tạo đánh dấu hình ảnh phản hồi bằng cách sử dụng thuộc tính srcset, phục vụ các kích thước hình ảnh khác nhau dựa trên màn hình của khách truy cập. Điều này có nghĩa là khách truy cập trên thiết bị di động sẽ nhận được tệp hình ảnh nhỏ hơn so với khách truy cập trên máy tính để bàn. Nhưng điều này chỉ hoạt động tốt nếu bạn tải lên hình ảnh ở kích thước ban đầu hợp lý - WordPress có thể cung cấp các phiên bản nhỏ hơn của hình ảnh 1200px nhưng không thể cung cấp các phiên bản nhỏ hơn của hình ảnh 400px. Hãy nhắm tới chiều rộng 1200-1920 pixel bằng kích thước tải lên của bạn và để WordPress xử lý phần còn lại.

Phiên bản dài 5 phút: thay đổi kích thước hình ảnh thành rộng 1200px, nén ở chất lượng 80% ở định dạng WebP, tải lên WordPress và đảm bảo bật tính năng tải chậm. Thực hiện việc này cho năm bài đăng blog tiếp theo của bạn và sau đó kiểm tra điểm Google PageSpeed ​​Insights của bạn. Sự cải thiện thường rất ấn tượng - chúng ta đang nói đến mức tăng 20-40 điểm về điểm hiệu suất trên thiết bị di động chỉ nhờ tối ưu hóa hình ảnh.