Home / Tổng hợp kiến thức Wordpress / Hướng dẫn tối ưu hình ảnh với plugin WP Smush

Hướng dẫn tối ưu hình ảnh với plugin WP Smush

Chào tất cả các bạn hôm nay Học làm wordpress sẽ hướng dẫn các bạn các thao tác trong việc tối ưu hóa hình ảnh trên website sử dụng mã nguồn WordPress bằng plugin WP Smush.

Bước 1: 
Login vào giao diện admin của website WordPress

Bước 2: Tìm đến mục Gói Mở Rộng >> Cài Mới

Bước 3: Tại khung tìm kiếm, nhập tên plugin WP Smush, tiến hành cài đặt và active plugin này:

Bước 4: Sau khi kích hoạt, các bạn click chọn vào Thư Viện >> WP Smush nếu xuất hiện thông báo “Automatic smushing is enabled” như hình thì tất cả hình ảnh mà các bạn tải lên sẽ tự động được “smush”

Ngoài ra với các hình ảnh đã tải lên trước đó, các bạn có thể thực hiện tối ưu toàn bộ bằng cách click chọnBULK SMUSH NOW

Tuy nhiên với phiên bản miễn phí thì việc tối ưu chỉ có thể thực hiện được với 50 ảnh mỗi lần click, nếu số lượng ảnh của các bạn quá nhiều, các bạn có thể chọn giải pháp thay thế là plugin EWWW Image Optimizer

Bước 5: Các bạn có thể thực hiện “smush” từng hình ảnh chỉ định bằng cách chọn Phương tiện >> Thư viện >> Click vào hình ảnh cần smush >> Smush Now!

Sau khi smush hoàn tất, hình ảnh sẽ hiện thị như sau:

Lưu ý: 
+ WP Smush bản free chỉ hỗ trợ “smush” các hình ảnh <1mb. Vì thế nếu các bạn cần optimize hoặc thường xuyên upload các hình ảnh có size >1mb. Các bạn cần phải xem xét sử dụng bản Pro hoặc các plugin khác thay thế. Đơn cử là EWWW Image Optimizer
+ Nếu trước đây các bạn chưa sử dụng plugin nào để tối ưu và website cũng có số lượng hình ảnh rất lớn, thì các bạn cũng cần phải xem xét sử dụng bản Pro hoặc các plugin khác thay thế. Đơn cử là EWWW Image Optimizer vì WP Smush bản free chỉ hỗ trợ việc Smush mỗi lần 50 hình ảnh.

+ Bù lại chất lượng và độ tối ưu hình ảnh của plugin WP Smush được đánh giá rất cao từ cộng đồng WordPress.

Chúc các bạn thành công.

Nguồn : https://vinahost.vn/ac/knowledgebase/563/Hng-dn-ti-u-hinh-nh-tren-Wordpress-vi-plugin-WP-Smush.html

Bài viết hay

Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML và CSS

5.0 02 Code tạo thanh liên hệ trên giao diện mobile cực đẹp bằng HTML …

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *