Nén và tối ưu hóa hình ảnh với Plugin Responsive Lightbox & Gallery

WordPress, chẳng hạn như các thư viện được tạo bởi plugin Responsive Lightbox & Gallery , là sự kết hợp của sự sang trọng và tiện lợi. Với phòng trưng bày, bạn không phải lo lắng về việc sắp xếp lại hình ảnh. Bạn cũng tiết kiệm không gian và có thể bao gồm nhiều hình ảnh tùy thích. Vấn đề là một thư viện cũng có kích thước lớn hơn một hình ảnh đơn lẻ, và do đó nó có thể dẫn đến thời gian tải chậm hơn trên blog WordPress của bạn.

Nếu bạn sử dụng các thư viện và gặp phải thời gian tải chậm trên blog WordPress của mình, thì điểm khởi đầu tốt để khắc phục vấn đề là tối ưu hóa hình ảnh. Bằng cách nén và tối ưu hóa hình ảnh của mình, bạn có thể tiết kiệm thời gian tải, đồng thời cải thiện trải nghiệm của người dùng WordPress và thúc đẩy kết quả SEO của bạn. ImageRecycle cho phép bạn làm tất cả những điều này.

Nén hình ảnh cho Plugin Responsive Lightbox & Gallery

Responsive Lightbox & Gallery là một plugin WordPress để tạo các phòng trưng bày với các hộp đèn hình ảnh bật ra và phủ lên nội dung của bạn rất dễ dàng. Sự đa dạng của các tùy chọn tùy chỉnh và giao diện kéo và thả dễ sử dụng đã khiến plugin trở nên cực kỳ phổ biến.

Tuy nhiên, sử dụng quá nhiều phòng trưng bày và bạn sẽ thấy blog WordPress của mình mất nhiều thời gian hơn để tải. Điều đó không có nghĩa là bạn cần sử dụng ít hình ảnh hơn hoặc xóa bộ sưu tập. Một giải pháp tốt hơn là giữ tất cả các hộp đèn và phòng trưng bày của bạn, nhưng tối ưu hóa hình ảnh. Bằng cách nén chúng, blog WordPress của bạn trở lại tải nhanh như chớp.

Cho dù bạn đang sử dụng Hộp đèn & Thư viện đáp ứng hay bất kỳ thư viện plugin thư viện nào khác cho WordPress, thì bước đầu tiên để nén và tối ưu hóa hình ảnh thư viện của bạn là ImageRecycle . ImageRecycle là một plugin cho phép bạn nén hình ảnh hàng loạt, thay đổi kích thước và cấu hình blog WordPress của bạn để tự động tối ưu hóa hình ảnh mới.

Để bắt đầu nén hình ảnh, hãy tải xuống và cài đặt plugin ImageRecycle . Trước khi có thể tối ưu hóa bất kỳ phương tiện nào, bạn cần kích hoạt đăng ký của mình. Đi tới ImageRecycle từ menu Cài đặt . Chèn khóa API và bí mật của bạn, đánh dấu vào kích hoạt tối ưu hóa phương tiện và lưu các thay đổi. Nếu khóa API và bí mật là chính xác, bạn sẽ thấy thanh hạn ngạch tối ưu hóa ở trên cùng.

Sau khi kích hoạt giấy phép ImageRecycle , bạn có thể bắt đầu nén hình ảnh hoặc tùy chỉnh thêm plugin ImageRecycle của mình. Ví dụ: bạn có thể chọn thay đổi kích thước tất cả các hình ảnh ngay sau khi chúng được tải lên. Bạn cũng có thể chọn kiểu nén cho các loại tệp khác nhau.

ImageRecycle hỗ trợ hai kiểu nén hình ảnh: nén không mất dữ liệu và lưu tốt nhất. Với khả năng nén tiết kiệm tốt nhất, bạn có thể tiết kiệm đến 80% kích thước tệp khi tối ưu hóa hình ảnh. Với tính năng lưu không mất dữ liệu, bạn có thể giảm tối đa 20% kích thước hình ảnh, nhưng bạn cũng có thể hoàn nguyên chúng bất kỳ lúc nào. Bạn có thể đọc thêm về những ưu điểm và nhược điểm của nén không mất dữ liệu và tiết kiệm tốt nhất tại đây .

Sau khi bạn hoàn tất thiết lập ImageRecycle , đã đến lúc bắt đầu tối ưu hóa hình ảnh của Hộp đèn & Thư viện đáp ứng. Hộp đèn & Thư viện đáp ứng sử dụng thư viện phương tiện của WordPress. Điều đó có nghĩa là bạn không phải thay đổi quy trình làm việc của mình. Tất cả những gì bạn phải làm là nén thư viện phương tiện WordPress của mình và sau đó sử dụng các hình ảnh được tối ưu hóa ở bất kỳ đâu, kể cả trong các phòng trưng bày và hộp đèn của chúng.

Để tối ưu hóa thư viện phương tiện WordPress của bạn, hãy chọn ImageRecycle từ menu Phương tiện . Bảng hiển thị tất cả các hình ảnh được tìm thấy trên blog WordPress của bạn: tên, kích thước và tỷ lệ nén của chúng, nếu chúng đã được tối ưu hóa. Cột cuối cùng cho phép bạn nén hoặc hoàn nguyên hình ảnh (nếu bạn đang sử dụng tính năng nén không mất dữ liệu).

Nếu bạn chưa quen với ImageRecycle , hãy thư giãn — bạn không cần phải nén từng ảnh riêng lẻ. ImageRecycle bao gồm các tùy chọn tối ưu hóa hàng loạt: chọn hình ảnh bạn muốn nén và chọn chọn tối ưu hóa đã chọn hoặc nhấp vào tối ưu hóa tất cả để nén tất cả hình ảnh trong thư viện phương tiện WordPress của bạn. Bây giờ, đã đến lúc sử dụng các hình ảnh mới được nén trong Hộp đèn & Thư viện đáp ứng.

Sử dụng hình ảnh được tối ưu hóa trong Lightive & Gallery

Sau khi nén thư viện phương tiện WordPress của bạn, bạn có thể sử dụng các hình ảnh được tối ưu hóa trong Responsive Lightbox & Gallery như bạn sẽ sử dụng bất kỳ hình ảnh nào khác. Từ menu thanh bên WordPress, tạo một bộ sưu tập mới. Điều đầu tiên mà bạn phải làm là chọn những hình ảnh đi vào bộ sưu tập.

Nhấp vào chọn hình ảnh và chọn các tệp từ thư viện phương tiện WordPress của bạn. Vì những hình ảnh này đã được tối ưu hóa, plugin Responsive Lightbox & Gallery sẽ tự động sử dụng các phiên bản nén.

Mọi thứ khác vẫn giữ nguyên. Bạn có thể chèn thư viện mới bằng cách sử dụng mã ngắn từ thanh bên phải hoặc bằng cách sử dụng thư viện trong trình chỉnh sửa Gutenberg của WordPress. Khi bạn nhấp vào một hình ảnh, Hộp đèn & Thư viện đáp ứng sẽ tải một hộp đèn với phương tiện được tối ưu hóa.

Cũng như vậy, Responsive Lightbox & Gallery sử dụng hình ảnh nén của bạn mà không phải thay đổi quy trình làm việc. Nếu mỗi hình ảnh được nén tới 20% kích thước ban đầu, bạn sẽ đạt được những mức tăng tối ưu hóa đó trên mỗi hình ảnh trong phòng trưng bày của bạn. Kết quả: trải nghiệm WordPress nhanh hơn mà không ảnh hưởng đến nội dung của bạn hoặc thay đổi quy trình làm việc của bạn.