Συμπίεση και βελτιστοποίηση εικόνων με Responsive Lightbox & Gallery Plugin

Οι γκαλερί WordPress, όπως αυτές που δημιουργούνται από την προσθήκη Responsive Lightbox & Gallery , είναι ένας συνδυασμός κομψότητας και ευκολίας. Με τις γκαλερί, δεν χρειάζεται να ανησυχείτε για την αναδιάταξη των εικόνων. Εξοικονομείτε επίσης χώρο και μπορείτε να συμπεριλάβετε όσες εικόνες θέλετε. Το πρόβλημα είναι ότι μια συλλογή είναι επίσης μεγαλύτερη σε μέγεθος από μια μεμονωμένη εικόνα και επομένως μπορεί να έχει ως αποτέλεσμα πιο αργούς χρόνους φόρτωσης στο ιστολόγιό σας στο WordPress.

Εάν χρησιμοποιείτε γκαλερί και αντιμετωπίζετε αργούς χρόνους φόρτωσης στο ιστολόγιό σας στο WordPress, ένα καλό σημείο εκκίνησης για την επίλυση του προβλήματος είναι η βελτιστοποίηση εικόνας. Συμπιέζοντας και βελτιστοποιώντας τις εικόνες σας, μπορείτε να εξοικονομήσετε χρόνο φόρτωσης, βελτιώνοντας ταυτόχρονα την εμπειρία των χρηστών του WordPress και ενισχύοντας τα αποτελέσματα SEO σας. ImageRecycle επιτρέπει να κάνετε όλα αυτά.

Συμπίεση εικόνων για το Responsive Lightbox & Gallery Gallery

Το Responsive Lightbox & Gallery είναι μια προσθήκη WordPress για τη δημιουργία γκαλερί με lightbox - εικόνες που αναδύονται και επικαλύπτουν το περιεχόμενό σας - πολύ εύκολα. Η ποικιλία των επιλογών προσαρμογής και η εύχρηστη διεπαφή μεταφοράς και απόθεσης έχουν κάνει το πρόσθετο εξαιρετικά δημοφιλές.

Ωστόσο, χρησιμοποιήστε πάρα πολλές γκαλερί και θα παρατηρήσετε ότι το ιστολόγιό σας WordPress χρειάζεται περισσότερο χρόνο για να φορτωθεί. Αυτό δεν σημαίνει ότι πρέπει να χρησιμοποιήσετε λιγότερες εικόνες ή να αφαιρέσετε μια συλλογή. Μια καλύτερη λύση είναι να διατηρήσετε όλα τα lightbox και τις γκαλερί σας, αλλά να βελτιστοποιήσετε τις εικόνες. Συμπιέζοντάς τα, το ιστολόγιό σας WordPress επιστρέφει γρήγορα.

Είτε χρησιμοποιείτε το Responsive Lightbox & Gallery ή οποιαδήποτε άλλη γκαλερί προσθηκών για το WordPress, το πρώτο βήμα για τη συμπίεση και τη βελτιστοποίηση των εικόνων της γκαλερί σας είναι το ImageRecycle . ImageRecycle είναι ένα πρόσθετο που σας επιτρέπει να συμπιέζετε τις εικόνες μαζικά, να τις αλλάζετε και να διαμορφώνετε το blog σας στο WordPress για να βελτιστοποιήσετε αυτόματα νέες εικόνες.

Για να ξεκινήσετε τη συμπίεση εικόνων, κατεβάστε και εγκαταστήστε το πρόσθετο ImageRecycle . Για να μπορέσετε να βελτιστοποιήσετε οποιοδήποτε μέσο, ​​πρέπει να ενεργοποιήσετε τη συνδρομή σας. Μεταβείτε στο ImageRecycle από το μενού Ρυθμίσεις . Εισαγάγετε το κλειδί και το μυστικό σας API, επιλέξτε Ενεργοποίηση βελτιστοποίησης μέσων και αποθηκεύστε τις αλλαγές. Εάν το κλειδί και το μυστικό API είναι σωστά, θα πρέπει να δείτε τη γραμμή ορίου βελτιστοποίησης στην κορυφή.

Αφού ενεργοποιήσετε την άδεια χρήσης ImageRecycle , μπορείτε είτε να αρχίσετε να συμπιέζετε εικόνες είτε να προσαρμόζετε περαιτέρω την προσθήκη ImageRecycle . Για παράδειγμα, μπορείτε να επιλέξετε να αλλάξετε το μέγεθος όλων των εικόνων μόλις μεταφορτωθούν. Μπορείτε επίσης να επιλέξετε έναν τύπο συμπίεσης για διαφορετικούς τύπους αρχείων.

ImageRecycle υποστηρίζει δύο τύπους συμπίεσης εικόνας: χωρίς απώλειες και καλύτερη εξοικονόμηση. Με την καλύτερη συμπίεση, μπορείτε να εξοικονομήσετε έως και 80% του μεγέθους του αρχείου κατά τη βελτιστοποίηση των εικόνων. Με την εξοικονόμηση χωρίς απώλειες, μπορείτε να μειώσετε το μέγεθος της εικόνας κατά 20% το πολύ, αλλά μπορείτε επίσης να τα επαναφέρετε ανά πάσα στιγμή. Μπορείτε να διαβάσετε περισσότερα για τα πλεονεκτήματα και τα μειονεκτήματα της συμπίεσης χωρίς απώλειες και βέλτιστης εξοικονόμησης εδώ .

Αφού ολοκληρώσετε τη ρύθμιση του ImageRecycle , ήρθε η ώρα να ξεκινήσετε τη βελτιστοποίηση των εικόνων Responsive Lightbox & Gallery. Το Responsive Lightbox & Gallery χρησιμοποιεί τη βιβλιοθήκη πολυμέσων του WordPress. Αυτό που σημαίνει για εσάς είναι ότι δεν χρειάζεται να αλλάξετε τη ροή εργασίας σας. Το μόνο που έχετε να κάνετε είναι να συμπιέσετε τη βιβλιοθήκη πολυμέσων του WordPress και στη συνέχεια να χρησιμοποιήσετε τις βελτιστοποιημένες εικόνες οπουδήποτε, συμπεριλαμβανομένων των γκαλερί και των lightbox τους.

Για να βελτιστοποιήσετε τη βιβλιοθήκη πολυμέσων του WordPress, επιλέξτε ImageRecycle από το μενού Media . Ο πίνακας δείχνει όλες τις εικόνες που βρίσκονται στο ιστολόγιό σας στο WordPress: τα ονόματά τους, τα μεγέθη και τον ρυθμό συμπίεσης, εάν έχουν βελτιστοποιηθεί. Η τελευταία στήλη σάς επιτρέπει να συμπιέσετε ή να επαναφέρετε εικόνες (εάν χρησιμοποιείτε συμπίεση χωρίς απώλειες).

Εάν είστε νέοι στο ImageRecycle , χαλαρώστε—δεν χρειάζεται να συμπιέσετε κάθε εικόνα ξεχωριστά. ImageRecycle περιλαμβάνει επιλογές μαζικής βελτιστοποίησης: είτε επιλέξτε τις εικόνες που θέλετε να συμπιέσετε και επιλέξτε την επιλεγμένη επιλογή βελτιστοποίησης ή κάντε κλικ στο Βελτιστοποίηση όλων για συμπίεση όλων των εικόνων στη βιβλιοθήκη πολυμέσων του WordPress. Τώρα, ήρθε η ώρα να χρησιμοποιήσετε τις πρόσφατα συμπιεσμένες εικόνες στο Responsive Lightbox & Gallery.

Χρήση βελτιστοποιημένων εικόνων στο Responsive Lightbox & Gallery

Αφού συμπιέσετε τη βιβλιοθήκη πολυμέσων WordPress, μπορείτε να χρησιμοποιήσετε τις βελτιστοποιημένες εικόνες στο Responsive Lightbox & Gallery όπως θα χρησιμοποιούσατε οποιαδήποτε άλλη εικόνα. Από το μενού πλευρικής γραμμής WordPress, δημιουργήστε μια νέα συλλογή. Το πρώτο πράγμα που πρέπει να κάνετε είναι να επιλέξετε τις εικόνες που πηγαίνουν στη συλλογή.

Κάντε κλικ στην επιλογή εικόνων και επιλέξτε τα αρχεία από τη βιβλιοθήκη πολυμέσων WordPress. Επειδή αυτές οι εικόνες έχουν ήδη βελτιστοποιηθεί, το πρόσθετο Responsive Lightbox & Gallery χρησιμοποιεί αυτόματα τις συμπιεσμένες εκδόσεις.

Όλα τα άλλα παραμένουν ίδια. Μπορείτε να εισαγάγετε τη νέα συλλογή είτε χρησιμοποιώντας τον σύντομο κώδικα από τη δεξιά πλαϊνή γραμμή είτε χρησιμοποιώντας το συλλογής στο πρόγραμμα επεξεργασίας Gutenberg του WordPress. Όταν κάνετε κλικ σε μια εικόνα, το Responsive Lightbox & Gallery φορτώνει ένα lightbox με τα βελτιστοποιημένα μέσα.

Ακριβώς έτσι, το Responsive Lightbox & Gallery χρησιμοποιεί τις συμπιεσμένες εικόνες σας χωρίς να χρειάζεται να αλλάξετε τη ροή εργασίας σας. Εάν κάθε εικόνα συμπιέζεται στο 20% του αρχικού της μεγέθους, θα έχετε κάνει αυτά τα κέρδη βελτιστοποίησης σε κάθε εικόνα στις γκαλερί σας. Το αποτέλεσμα: μια ταχύτερη εμπειρία στο WordPress χωρίς συμβιβασμούς στο περιεχόμενό σας ή αλλαγή της ροής εργασίας σας.