Πρόσθετα βελτιστοποίησης εικόνας για wordpress blog. Σύγκριση και δοκιμές προσθηκών συμπίεσης εικόνας

Γεια σας αναγνώστες, σήμερα θα θίξουμε ένα από τα πιο σημαντικά θέματα για πολλούς χρήστες - τη βελτιστοποίηση εικόνων στον ιστότοπό σας στο WordPress. Παρακάτω δίνω τις περιγραφές του συγγραφέα για τα τρία πιο ενδιαφέροντα, κατά τη γνώμη μου, πρόσθετα απευθείας για τη βελτιστοποίηση των εικόνων σας και άλλα τρία, σχετικά, βοηθητικά, αλλά όχι λιγότερο χρήσιμα πρόσθετα για επιπλέον δουλειάμε εικόνες.

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

Επιπλέον, αξίζει να θυμόμαστε ότι υπάρχουν διάφορες διαδικτυακές υπηρεσίες όπως το jpegmini για επεξεργασία και βελτιστοποίηση εικόνων. Και φυσικά, υπάρχουν τα περισσότερα τακτικά προγράμματαγια έναν υπολογιστή όπως το περιβόητο Photoshop ή διάφορα προγράμματα προβολής γραφικών με δυνατότητα βελτιστοποίησης εικόνων κατά την αποθήκευση.

Το EWWW Image Optimizer είναι μια προσθήκη WordPress που βελτιστοποιεί αυτόματα τις εικόνες σας καθώς τις ανεβάζετε. Επίσης, βελτιστοποιεί τις εικόνες που έχετε λάβει προηγουμένως.

Λειτουργίες:

• Μειώνει το μέγεθος των εικόνων, κάνοντας τις σελίδες να φορτώνονται πιο γρήγορα. Επιπλέον, είναι πιο εύκολο για εσάς να δημιουργήσετε αντίγραφα ασφαλείας και μπορείτε να εξοικονομήσετε περισσότερο χώρο στο δίσκο.
• Δυνατότητα βελτιστοποίησης εκατοντάδων εικόνων μέσα σε λίγα λεπτά, αν και η βελτιστοποίηση αρχείων PNG διαρκεί περισσότερο.
• Χάρη στην ενσωμάτωση με το TinyJPG, επιτυγχάνεται καλύτερη βελτιστοποίηση JPG.
• Ευκαιρία μοιρασιά pngout, opting και pngquant για καλύτερη βελτιστοποίηση PNG. Επιπλέον, υπάρχει μια επιλογή PNG με απώλειες από το TinyPNG.
• Η δυνατότητα βελτιστοποίησης οτιδήποτε χρησιμοποιώντας την επέκταση κλάσης wp_image_editor.
• Η δυνατότητα επιλογής οποιουδήποτε από τους φακέλους σας για σάρωση για εύρεση φωτογραφιών για βελτιστοποίηση.

Οι εικόνες σας θα παραμείνουν τόσο υψηλής ποιότητας όσο το EWWW Image Optimizer χρησιμοποιεί από προεπιλογή τεχνικές βελτιστοποίησης χωρίς απώλειες. Η μόνη εξαίρεση σε αυτόν τον κανόνα είναι τα αρχεία GIF, καθώς ακόμη και μετά από βελτιστοποίηση χωρίς απώλειες, δεν θα μπορείτε να επεξεργαστείτε το κινούμενο σχέδιο χωρίς να χρησιμοποιήσετε μια λειτουργία gifsicle, η οποία δεν μπορεί να βελτιστοποιηθεί.

• Μετατροπή χωρίς απώλειες αρχείων gif2png και jpg2png.
• Η μετατροπή του png2jpg είναι απωλεστική.
• Χρήσεις βελτιστοποίησης με απώλειες JPG και PNG σύνθετους αλγόριθμουςγια την ελαχιστοποίηση της αντιληπτικής απώλειας ποιότητας.
• jpegtran, TinyJPG, JPEGmini, optipng, pngout, pngquant, TinyPNGΚαι gifsicle– αυτά είναι τα εργαλεία που χρησιμοποιούνται για τη βελτιστοποίηση.

Το WP Smush είναι ένα πρόσθετο που θα βοηθήσει στη μείωση του βάρους των εικόνων, στη βελτίωση της απόδοσης του ιστότοπου και των δεικτών SEO χρησιμοποιώντας το δωρεάν WPMU DEV WordPress Smush API. Το WP Smush σαρώνει και βελτιστοποιεί τις μεταφορτωμένες ή ήδη μεταφορτωμένες εικόνες, αποκόπτοντας όλα τα περιττά δεδομένα.

Λειτουργίες διαθέσιμες τόσο σε επί πληρωμή όσο και σε δωρεάν έκδοση:

• Βελτιστοποίηση εικόνας με χρήση προηγμένων τεχνικών συμπίεσης χωρίς απώλειες.
• Λειτουργεί με μορφές JPEG, GIF και PNG.
• Μειώνει αυτόματα το βάρος των ληφθέντων εικόνων.
• Μειώστε χειροκίνητα το βάρος μεμονωμένων εικόνων στη βιβλιοθήκη πολυμέσων ή επεξεργαστείτε εικόνες σε ομάδες των 50 συνημμένων.
• Μειώνει τις εικόνες που ζυγίζουν 1 MB ή λιγότερο.
• Χρησιμοποιεί γρήγορο και αξιόπιστο Smush API από το WPMU DEV.
• Προβολή σύνθετων καταστάσεων συμπίεσης για κάθε συνημμένο ξεχωριστά ή ολόκληρη τη βιβλιοθήκη ως σύνολο.

Χαρακτηριστικά WP Smush Pro:

• Έξυπνη συμπίεση πολλαπλών βημάτων με απώλειες. Η συμπίεση με απώλειες είναι περίπου δύο φορές καλύτερη από τη συμπίεση χωρίς απώλειες και η ποιότητα παραμένει ουσιαστικά αμετάβλητη.
• Ακόμα πιο εντυπωσιακή συμπίεση χωρίς απώλειες.
• Μειώνει τις εικόνες που ζυγίζουν 32 MB ή λιγότερο.
• Δυνατότητα συμπίεσης όλων των εικόνων με ένα κλικ χωρίς όρια.
• Η δυνατότητα δημιουργίας αντιγράφων ασφαλείας των εικόνων σας προτού συμπιεστούν.

Optimus - WordPress Image Optimizer

Το πρόσθετο βελτιστοποιεί και συμπιέζει αυτόματα τις εικόνες κατά τη φόρτωσή τους και χωρίς απώλεια ποιότητας.

Πώς λειτουργεί το πρόσθετο;

Όταν οι εικόνες αποστέλλονται στη βιβλιοθήκη πολυμέσων, το Optimus τις στέλνει στον διακομιστή Optimus, όπου τα αρχεία υποβάλλονται σε επεξεργασία και αποστέλλονται πίσω, όπου οι συμπιεσμένες εκδόσεις αποθηκεύονται στη βιβλιοθήκη πολυμέσων.

Τα αρχεία μπορούν να συμπιεστούν με τέτοιο τρόπο ώστε να χάνουν έως και το 70% του βάρους τους, ανάλογα με την εικόνα και τη μορφή της.

Τρία διαθέσιμα διαφορετικές εκδόσεις Optimus:

• Optimus- Ελεύθερος βασική έκδοσηπρόσθετο που συμπιέζει αρχεία που ζυγίζουν λιγότερο από 100 kb.
• Optimus HQείναι μια έκδοση premium με εκτεταμένη λειτουργικότητα για προσωπικά έργα.
• Optimus HQ PROείναι μια premium επαγγελματική λύση για τους ιστότοπους των πελατών σας.

Ιδιαιτερότητες:

• Οι μικρογραφίες υποβάλλονται επίσης σε μια διαδικασία βελτιστοποίησης.
• Η ποιότητα των εικόνων που προκύπτουν από τη συμπίεση δεν διακυβεύεται ποτέ.
• Αποθήκευση πληροφοριών σχετικά με τον συγγραφέα, το EXIF ​​και τα πνευματικά δικαιώματα.

Το Media File Renamer είναι μια προσθήκη WordPress που μετονομάζει τα αρχεία πολυμέσων σας για να βελτιστοποιήσει το σύστημα αρχείων σας και να βελτιώσει το SEO.

Εάν το αρχείο μετονομαστεί, τότε όλα όσα σχετίζονται με αυτό ενημερώνονται (αναρτήσεις, σελίδες, προσαρμοσμένους τύπουςκαι τα μεταδεδομένα τους). Το νέο περιεχόμενο εμφανίζεται στη στήλη του νέου διαχειριστή πολυμέσων τέλειο όνομααρχείο και ένα κουμπί για να το μετονομάσετε. Είναι δυνατό να ξεκλειδώσετε την αυτόματη μετονομασία. Υπάρχει επίσης ένα μικρό πάνελ File Renamer in Media, το οποίο σας επιτρέπει να μετονομάσετε όλα τα αρχεία ταυτόχρονα.

• Το πρόσθετο λειτουργεί εξαιρετικά με το WP Retina 2x και πολλά άλλα.
• Συμβατό με συστήματα Linux, BSD και OSX.

Pro έκδοση. Μερικά χαρακτηριστικά:

• Μη αυτόματη μετονομασία.
• Μετονομασία σύμφωνα με τις πληροφορίες που επισυνάπτονται στην εγγραφή.
• Αρχείο καταγραφής ερωτημάτων SQL.

Προειδοποίηση! Επειδή η διαδικασία μετονομασίας δεν είναι ασφαλής, συνιστάται πρώτα να μετονομάσετε μερικούς τίτλους για να δοκιμάσετε.

Το Imsanity μειώνει αυτόματα το μέγεθος των μεγάλων εικόνων κατά τη φόρτωση, καθιστώντας τις εικόνες ιδανικές για εμφάνιση στο πρόγραμμα περιήγησης. Το πρόσθετο διατηρεί το μέγιστο επιτρεπόμενο πλάτος, ύψος και ποιότητα εικόνας.

Το πρόσθετο είναι ιδανικό για ιστολόγια που δεν χρειάζεται να χρησιμοποιούν εικόνες πολύ υψηλής ανάλυσης.

Λειτουργίες:

• Το πρόσθετο αλλάζει αυτόματα το μέγεθος των μεγάλων εικόνων, μετατρέποντάς τες σε πιο κατάλληλες.
• Το Imsanity μειώνει το βάρος των ήδη φορτωμένων εικόνων.
• Σας επιτρέπει να διαμορφώσετε το μέγιστο πλάτος/ύψος και την ποιότητα των αρχείων jpg.
• Προαιρετικά μετατρέπει αρχεία BMP σε αρχεία JPG για περαιτέρω βελτιστοποίηση.
• Το πρόσθετο λειτουργεί χωρίς να απαιτείται καμία ενέργεια από τον χρήστη.
• Ενσωματωμένες λειτουργίες για την αλλαγή μεγέθους εικόνων για τους χρήστες

Πιθανότατα έχετε δει αυτό το εφέ περισσότερες από μία φορές σε διάφορους ιστότοπους. Το Lazy Load είναι ένα πρόσθετο lazy loading που φορτώνει εικόνες μόνο όταν είναι ορατές, κάτι που με τη σειρά του έχει θετική επίδραση στην ταχύτητα φόρτωσης του ιστότοπου. Το Lazy load images χρησιμοποιεί το jQuery.sonar για αυτό.

Περισσότερα άρθρα

(Τελευταία ενημέρωση: 21/10/2017)

Γεια σας και πάλι αγαπητοί φίλοι! Συνεχίζω ένα σημαντικό θέμα: βελτιστοποιήστε αυτόματα τις εικόνες του WordPressή ας το θέσω αλλιώς, Συμπιέστε εικόνες WordPress για να επιταχύνετε τη φόρτωση του ιστότοπου. Ουάου, έτσι ακούγεται. Κυρίες και κύριοι, εάν για κάποιο λόγο δεν θέλετε να το χρησιμοποιήσετε προγράμματα και υπηρεσίες για συμπίεση εικόνας, που παρουσίασα τους αναγνώστες μου σε αυτή τη σελίδα, τότε μπορείτε να καταφύγετε στους βοηθούς μας - πρόσθετα.

Και έτσι, συναντήστε και επιλέξτε WordPress plugins για βελτιστοποίηση, συμπίεση εικόνας χωρίς απώλεια ποιότητας, “για κάθε γούστο και χρώμα”, τι ακριβώς σας ταιριάζει. Όλες οι παρουσιαζόμενες ενότητες ενημερώνονται συνεχώς, οι συγγραφείς φροντίζουν τις δημιουργίες τους.

OptiPic - αυτόματη συμπίεση εικόνας χωρίς απώλεια ποιότητας

Υπηρεσία OptiPic για συμπίεση εικόνας

Μπορείτε να αυτοματοποιήσετε τη μείωση/συμπίεση εικόνας στο WordPress χρησιμοποιώντας μια προσθήκη από την υπηρεσία OpticPic:

Η απλή σύνδεση του OptiPic με τον ιστότοπο διαρκεί κυριολεκτικά 2 λεπτά.
- Η υπηρεσία λειτουργεί με πλήρη αυτόματο πιλότο - η εμφάνιση νέων (ακόμη συμπιεσμένων) εικόνων παρακολουθείται συνεχώς.
- Η εργασία με το OptiPic είναι ασφαλής - πριν από τη βελτιστοποίηση κάθε εικόνας, δημιουργείται αυτόματα ένα πρωτότυπο αντίγραφο.
- Υπάρχει μια λειτουργία μείωσης του μεγέθους των εικόνων (αλλαγή μεγέθους).
- Τρώω πρόγραμμα συνεργατών, με την οποία μπορείτε να κερδίσετε έως και 40% από προσελκυμένους πελάτες.
- Η υπηρεσία υποστηρίζει όχι μόνο ιστότοπους στο WordPress, αλλά και οποιουσδήποτε ιστότοπους σε PHP (οποιοδήποτε CMS, πλαίσιο ή ακόμα και έναν αυτογραφικό ιστότοπο).

Μπορείτε να συνδέσετε την προσθήκη WordPress για αυτόματη συμπίεση εικόνας στον ιστότοπο OptiPic.io. Μετά την εγκατάσταση WordPress plugin, οι εικόνες θα μειωθούν σε αυτόματη λειτουργία. Η μονάδα θα βρει διαθέσιμες εικόνες και θα βελτιστοποιήσει το μέγεθός τους χωρίς απώλεια ποιότητας. Το πρόσθετο συμπίεσης εικόνας λειτουργεί με τις πιο δημοφιλείς μορφές εικόνας. Οδηγίες βίντεο για την εγκατάσταση και τη διαμόρφωση της μονάδας - https://www.youtube.com/watch?v=Qz6pJDfsKX8.

Βελτιστοποίηση JPEG και εικόνες PNGαυτόματα με το TinyPNG

Αναγνωρίζετε την εικόνα; Ναι έχεις δίκιο, αυτή η ενότητααπό τα διάσημα και δημοφιλή ηλεκτρονική υπηρεσία TinyPNG. Τώρα και για χρήστες WordPress - βελτιστοποίηση εικόνων στον ιστότοποαυτόματα με το TinyPNG. Αυτό το πρόσθετο βελτιστοποιεί αυτόματα τις εικόνες σας ενσωματώνοντας την υπηρεσία συμπίεσης εικόνας TinyJPG και TinyPNG. Μέση τιμή Εικόνες JPEGσυμπιέζονται κατά 40-60%, και οι εικόνες είναι Μορφή PNGκατά 50-80% χωρίς ορατή απώλεια ποιότητας. Ο ιστότοπός σας θα φορτώσει πιο γρήγορα για τους επισκέπτες σας και θα εξοικονομήσετε χρήματα χώρος στο δισκοΚαι διακίνησητη φιλοξενία σας! 😉

Για να ξεκινήσετε να εργάζεστε με τη Συμπίεση εικόνων JPEG & PNG, πρώτα εγκαταστήστε και ενεργοποιήστε το πρόσθετο, με τυπικό τρόπο, μέσω της αναζήτησης προσθηκών στον πίνακα διαχείρισης. Στη συνέχεια, πρέπει να λάβετε ένα δωρεάν κλειδί API. Μεταβείτε στις Ρυθμίσεις - Αρχεία πολυμέσων:

Ρυθμίσεις πολυμέσων - Συμπίεση PNG και JPEG

Κάντε κλικ στον σύνδεσμο της υπηρεσίας, θα ανακατευθυνθείτε σε έναν ιστότοπο όπου θα χρειαστεί να εισαγάγετε το όνομα και τη διεύθυνσή σας ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗγια να πάρεις το κλειδί σου. Στη συνέχεια, πληκτρολογήστε το "χρυσό κλειδί" σας στο πεδίο, επιλέξτε ποια μεγέθη εικόνας θα συμπιεστούν και "Αποθήκευση αλλαγών". Μετά από αυτό, μπορείτε να συμπιέσετε μαζικά όλες τις εικόνες που έχετε λάβει προηγουμένως στον ιστότοπο ή να τις συμπιέσετε μεμονωμένα. 😛

Συμπίεση εικόνων σε ιστότοπο WP

Αυτό είναι όλο, τότε όλα θα γίνουν αυτόματα. Ανεβάστε μια εικόνα και μην ανησυχείτε πια, η προσθήκη θα λειτουργήσει για εσάς.

Prizm Image - πρόσθετο συμπίεσης εικόνας

Η προσθήκη Prizm Image σάς επιτρέπει να μειώσετε το μέγεθος αρχείου των εικόνων σας έως και 70% διατηρώντας την ανάλυση και την ποιότητα της εικόνας. Όχι μόνο η Google και πολλοί άλλοι ειδικοί στον ιστό συνιστούν τη βελτιστοποίηση των εικόνων ιστού για τη βελτίωση της απόδοσης του ιστότοπου. Η Google αρέσει γρήγορη φόρτωσησελίδες του ιστότοπου και επομένως δεν πρέπει να παραμελούνται. Αυτό το εργαλείοσυμπιέζει τις εικόνες σε Μορφή JPEG, PNG και GIF. Για να ξεκινήσετε να εργάζεστε με αυτό το εργαλείο, μετά την εγκατάσταση και την ενεργοποίηση, θα χρειαστεί επίσης να λάβετε ένα δωρεάν κλειδί API κάνοντας κλικ στον σύνδεσμο υπηρεσίας:

Ρύθμιση της προσθήκης Prizm Image

Αφού εισαγάγετε το κλειδί, μπορείτε να επιλέξετε υψηλή ποιότητα εικόνας - μεσαία (ισορροπημένη από προεπιλογή) ή χαμηλή. Και ούτω καθεξής.

Πώς να εργαστείτε με το Prizm Image. Υπάρχουν τρεις τρόποι για να βελτιστοποιήσετε μια εικόνα χρησιμοποιώντας προσαρμοσμένες ρυθμίσεις. Αυτόματη βελτιστοποίησηεικόνες που προσθέτετε στον ιστότοπο (εκτός εάν η λειτουργία είναι απενεργοποιημένη στις ρυθμίσεις - Να μην γίνεται επεξεργασία κατά τη φόρτωση). Μεμονωμένα στη βιβλιοθήκη πολυμέσων του WordPress, βελτιστοποιήστε οποιαδήποτε επιλεγμένη εικόνα. Μαζική βελτιστοποίηση όλων των εικόνων στη βιβλιοθήκη πολυμέσων σας.

Optimus - συμπίεση εικόνων αυτόματα

Αποτελεσματική συμπίεση εικόνων κατά τη διαδικασία μεταφόρτωσης. Αυτόματα και χωρίς απώλεια ποιότητας. Ένα πολύ απλό πρόσθετο, στη βασική δωρεάν έκδοση δεν υπάρχουν σχεδόν καθόλου ρυθμίσεις. Optimusμειώνει το μέγεθος του αρχείου που μεταφορτώνεται στον ιστότοπο. Ανάλογα με την εικόνα και το μέγεθος, μπορεί να μειωθεί έως και 70 τοις εκατό. Εγκατεστημένο, ενεργοποιημένο και ξεχασμένο. Η βελτιστοποίηση των εικόνων (συμπεριλαμβανομένων των μικρογραφιών) πραγματοποιείται στο Ιστορικόκαι οπτικά σχεδόν αόρατο στους χρήστες.

Η βελτιστοποίηση εικόνας γίνεται στο παρασκήνιο

Το ShortPixel Image Optimiser είναι ένα εργαλείο συμπίεσης εικόνας χωρίς απώλεια ποιότητας

Πρόσθετο για τη συμπίεση εικόνων - ShortPixel Image Optimiser

Η προσθήκη ShortPixel μειώνει το μέγεθος της εικόνας και κάνει τον ιστότοπο να φορτώνει πιο γρήγορα. Η ποιότητα της εικόνας διατηρείται χρησιμοποιώντας προηγμένες τεχνολογίες συμπίεσης. Το εργαλείο βελτιστοποιεί αυτόματα τις εικόνες χρησιμοποιώντας συμπίεση χωρίς απώλειες. Ως αποτέλεσμα, οι εικόνες δεν διαφέρουν σε ποιότητα από τις πρωτότυπες. Εδώ, για να εργαστείτε με την προσθήκη, πρέπει επίσης να λάβετε ένα δωρεάν κλειδί API. Το μοναδικό κλειδί API που λαμβάνετε για την ενεργοποίηση της προσθήκης μπορεί να χρησιμοποιηθεί για πολλούς από τους ιστότοπούς σας:

Πρόσθετο ShortPixel - ιδιωτικό κλειδί API ShortPixel Settings Image Optimizer

Πώς να συμπιέσετε εικόνες με απώλειες ή όχι. Αποθήκευση σε ξεχωριστό φάκελοπρωτότυπα. Αυτή η σελίδα θα περιέχει επίσης όλα τα στατιστικά στοιχεία σχετικά με την εργασία με την προσθήκη εικόνας. Και το τελευταίο σχετικό πρόσθετο για σήμερα.

Βελτιστοποίηση αρχείων εικόνας με το Smush.it για WordPress

Πρόσθετο WP Smush.it για βελτιστοποίηση εικόνας

Κρίνοντας από τον αριθμό των χρηστών, αυτή τη στιγμή 1.178.159 που εγκατέστησαν τη μονάδα WP Smush.it, αυτό το εργαλείο συμπίεσης εικόνας είναι το πιο δημοφιλές και σε ζήτηση. Αποδεικνύεται ότι είναι ο καλύτερος στο είδος του. Το WP Smush.it σαρώνει προσεκτικά κάθε εικόνα που ανεβάζετε - ή έχετε ήδη προσθέσει στον ιστότοπό σας - και μειώνει το μέγεθος του αρχείου (βάρος) χωρίς απώλεια ποιότητας. Μορφή εικόνας για Συμπίεση JPEG, GIF και PNG. Υπάρχει μια δωρεάν και PRO έκδοση, αλλά η βασική έκδοση θα είναι αρκετή. Αφού εγκαταστήσετε και ενεργοποιήσετε το πρόσθετο, μπορείτε να το διαμορφώσετε στην ενότητα Αρχεία πολυμέσων - υποενότητα WP Smush.it:

Ρύθμιση προσθήκης WP Smush.it

Δεν υπάρχει τίποτα περίπλοκο εδώ. Πρέπει να καθορίσετε εάν θα συμπιέζονται αυτόματα αρχεία εικόνας κατά τη μεταφόρτωση στον ιστότοπο ή όχι. Μπορείτε να κάνετε κλικ σε ένα κουμπί για να βελτιστοποιήσετε μαζικά όλες τις φωτογραφίες σας που βρίσκονται στον ιστότοπό σας. Αυτό είναι βασικά. Τώρα είναι ξεκάθαρο γιατί είναι τόσο δημοφιλές, έχει ελάχιστες ρυθμίσεις και είναι εύκολο στη διαχείριση, χωρίς κλειδιά ή εγγραφές. Προσπάθησα να το εφαρμόσω σε μία εικόνα στον ιστότοπό μου και αυτό είναι το αποτέλεσμα που πήρα: μείωση 1,0% (251 B) και η ποιότητα, κατά τη γνώμη μου, παρέμεινε η ίδια. 😯 Μπορείτε να φανταστείτε αν βελτιστοποιήσετε 100 φωτογραφίες, αυτό είναι πόσο χώρο μπορείτε να ελευθερώσετε στη φιλοξενία σας και επιπλέον θα αυξηθεί η ταχύτητα φόρτωσης του ιστότοπου. Ουάου! Η Google και η Yandex σίγουρα θα αρέσει ένας τέτοιος ιστότοπος ή ένα ιστολόγιο.

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

Συμβαίνει ότι το SEO υπαγορεύει τις δικές του συνθήκες ανάπτυξης, γεγονός που οδήγησε στον πολλαπλασιασμό των πρόσθετων για βελτιστοποίηση εικόνας. Η βελτιστοποίηση εικόνας είναι απλώς μια μείωση του μεγέθους της εικόνας σε kilobyte και των πλευρών της, η οποία είναι αποτέλεσμα συμπίεσης εικόνες wordpress, και χωρίς απώλεια ποιότητας για οπτική προβολή(συνήθως). Επιπλέον, μπορείτε ακόμα να βελτιστοποιήσετε την ποιότητα της ίδιας της εικόνας χωρίς ορατή αλλοίωση της ίδιας της εικόνας. Αυτό είναι ένα είδος υποβάθμισης της ποιότητας της εικόνας, αλλά δεν είναι ορατό στο μάτι, αλλά το μέγεθος της εικόνας σε kilobyte μειώνεται, γεγονός που μπορεί να επηρεάσει την ταχύτητα του ιστότοπου και αυτή είναι μια από τις παραμέτρους. Με αυτόν τον τρόπο μειώνετε το βάρος της εικόνας, κάνοντας έτσι την εικόνα μικρότερη και τη φόρτωση πιο γρήγορα. Εάν έχετε πολλές εικόνες στον ιστότοπό σας, τότε τα πρόσθετα βελτιστοποίησης εικόνας έχουν σχεδιαστεί για αυτήν τη δουλειά. Ας δούμε στη συνέχεια μια επισκόπηση των προσθηκών βελτιστοποίησης εικόνας στο WordPress.

Γιατί συμβαίνει απώλεια ποιότητας εικόνας

Πρέπει να έχετε κατά νου ότι τα πρόσθετα μπορούν να συμπιέσουν εικόνες, υποβαθμίζοντας την ποιότητα της εικόνας. Φυσικά, αυτό μερικές φορές χαλάει την ποιότητα της εικόνας, ακόμη και ορατή στο μάτι, αλλά αυτό είναι αρκετό για τον χρήστη, επωφελούμενος έτσι από το βάρος της εικόνας. Δηλαδή, για να μειώσουμε το βάρος της εικόνας σε kilobyte, χάνουμε την ποιότητα της εικόνας και, κατά κανόνα, αυτό είναι ορατό στο μάτι. Έτσι σε ορισμένα πρόσθετα μπορείτε να προσαρμόσετε την ποιότητα της εικόνας κατά τη συμπίεση, την οποία φυσικά θα δείτε ως αποτέλεσμα του πρόσθετου σας. Αυτό ονομάζεται απώλεια ποιότητας εικόνας και αν δεν είστε ικανοποιημένοι με την ποιότητα συμπίεσης, τότε προσπαθήστε να βρείτε τις ρυθμίσεις που είναι υπεύθυνες για αυτήν την παράμετρο.

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

Τι επηρεάζει το μέγεθος ή όπως λένε το βάρος της εικόνας;

Εδώ θα πρέπει να είναι σαφές σε όλους τι μεγαλύτερο μέγεθοςεικόνας, όσο περισσότερο χρειάζεται για να φορτώσει, και όσο περισσότερο χρειάζεται για να φορτώσει, το περισσότερο χρόνοφόρτωση σελίδας. Κάτι που συνεπάγεται επιδείνωση της απόδοσης SEO ενός τέτοιου ιστότοπου. Αλλά πολλοί αρχάριοι blogger στην αρχή δεν ξέρουν για αυτές τις αποχρώσεις και προσπαθούν να γεμίσουν γρήγορα τον ιστότοπό τους με πληροφορίες, αλλά αφού γεμίσουν αρκετά τον ιστότοπό τους, αργότερα μαθαίνουν για το λάθος τους, αλλά πολλές δεκάδες ή εκατοντάδες εικόνες δεν μπορούν να επαναληφθούν ή θα παίρνει πολύ χρόνο. Επομένως, τέτοια πρόσθετα μειώνουν το βάρος της εικόνας, όπως λένε on the fly, αφού μπορούν να συμπιέσουν την εικόνα που έχει ήδη ανέβει στο WordPress.

Συμπίεση εικόνας με χρήση προσθηκών

Έτσι, για να μειώσετε όλες τις εικόνες σας στον ιστότοπο, πρέπει να χρησιμοποιήσετε ένα πρόσθετο συμπίεσης εικόνας, το οποίο θα μειώσει αυτόματα το βάρος της εικόνας στον ιστότοπό σας. Δεν έχει καν σημασία πόσες εικόνες υπάρχουν, 100 ή 1000. Εξάλλου, η κύρια δουλειά τους είναι να μειώσουν μαζικά το βάρος της εικόνας στον ιστότοπό σας, κάτι που φυσικά είναι βολικό όταν οι εικόνες έχουν ήδη ανέβει στον ιστότοπο και δεν αναμένεται χειροκίνητη αλλαγή. Ωστόσο, είναι βολικό να διορθώσετε το λάθος που έγινε με έναν αρκετά εύκολο τρόπο.

Ας πάρουμε ως παράδειγμα την υπηρεσία βελτιστοποίησης εικόνας στον ιστότοπο https://optipic.io, όπου μπορείτε να ελέγξετε αμέσως εάν οι εικόνες σας στον ιστότοπο έχουν βελτιστοποιηθεί. Και αν δεν υπάρχει συμπίεση, τότε πρέπει οπωσδήποτε να το εγκαταστήσετε. Αφού ακολουθήσετε τον σύνδεσμο, θα δείτε μια γραμμή για την είσοδο στον ιστότοπο, όπου μπορείτε να ελέγξετε τη συμπίεση εικόνας, αλλά θα επωφεληθώ αυτής της ευκαιρίας για να προσθέσω αμέσως ότι η υπηρεσία έχει καλή συμπίεσηεικόνες χωρίς απώλεια ποιότητας και θα μπορεί να σας βοηθήσει ανεξάρτητα από τον ιστότοπο που χρησιμοποιείτε.

Μιας και μιλάμε για την υπηρεσία συμπίεσης εικόνας στο site, θα πω ότι σου δίνει 10MB ελεύθερη κυκλοφορίαγια δοκιμή και αν έχετε λίγες εικόνες, τότε μπορείτε να το χρησιμοποιήσετε δωρεάν, αλλά αν ο όγκος σας υπερβαίνει αυτό το όριο, τότε θα πρέπει να πληρώσετε επιπλέον ανάλογα με τις ανάγκες σας. Λοιπόν, ας προχωρήσουμε στις προσθήκες για τη βελτιστοποίηση του ιστότοπου, ή μάλλον, τη βελτιστοποίηση εικόνων στον ιστότοπο.

1. WP Smush ή Smush Συμπίεση και Βελτιστοποίηση εικόνας

Η χρήση του είναι πολύ απλή, απλά πηγαίνετε στις ρυθμίσεις του και θα δείτε:

Όπου στα αριστερά μπορείτε να δείτε ότι το πρόσθετο συμπίεσης εικόνας wordpress προσφέρει βελτιστοποίηση όλων των εικόνων που το απαιτούν και απλά κάνοντας κλικ στο OPTIMIZ ALL λύνετε το πρόβλημα μια για πάντα και οι επόμενες λήψεις θα συμπιέζονται αυτόματα. Λοιπόν, εάν, φυσικά, θέλετε να συμπιέσετε και να ανεβάσετε μια έτοιμη εικόνα εκ των προτέρων, τότε αυτή θα είναι η καλύτερη λύση.

Και στα δεξιά βλέπουμε μια αναφορά ήδη συμπιεσμένες εικόνες, όπου αναγράφεται ο συνολικός αριθμός συμπιεσμένα αρχείακαι η συνολική τιμή συμπίεσης. Συνολικά αυτό καλή απόφασηειδικά για τους τεμπέληδες, γιατί δεν καταλαβαίνουν όλοι και δεν ξέρουν πώς να κάνουν τη συμπίεση χειροκίνητα, αλλά εδώ εγκαθιστάτε ένα παρόμοιο πρόσθετο και τελειώσατε. Όπως μπορείτε να δείτε, όλα είναι πολύ απλά, αυτό εξηγεί σχεδόν ένα εκατομμύριο εγκαταστάσεις στο τέλος του 2017, κάτι που υποδηλώνει γενική αποδοχή.

2. ShortPixel Image Optimizer

Εύκολο στη χρήση, περιεκτικό, σταθερό και συχνά ενημερωμένο πρόσθετο συμπίεσης εικόνας, που υποστηρίζεται από τη φιλική ομάδα που το δημιούργησε και άλλες αηδίες πολλών γραμμών από τους κατασκευαστές... Αλλά το αποκορύφωμα αυτής της προσθήκης είναι ότι συμπιέζει μόνο 100 εικόνες το μήνα, και μετά κοστίζει 5$ για 5000 εικόνες. Πρέπει να καταλάβετε αμέσως ότι εάν έχετε πολλές εικόνες στον ιστότοπό σας, τότε αυτό το πρόσθετο δεν είναι για εσάς, αλλά σε μικρούς όγκους το πρόσθετο αξίζει.

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

3. TinyPNG / TinyJPG

Αυτό το πρόσθετο για τη βελτιστοποίηση των εικόνων του WordPress είναι πολύ απλό, θα έλεγα ακόμη και απλοποιημένο, χωρίς διακοσμητικά στοιχεία, απλώς συμπιέζει και αυτό είναι. Ενεργοποιήθηκε και λειτουργεί από Κωδικός API. Δωρεάν και επιτυγχάνει εύκολα τον σκοπό του. Αλλά υπάρχουν μερικά μειονεκτήματα: 500 εικόνες συμπιέζονται δωρεάν και, στη συνέχεια, πρέπει να πληρώσετε για αυτό (με αίτημα ηλεκτρονικού ταχυδρομείου). και επίσης ενημερώνεται πολύ σπάνια (πάνω από 2 χρόνια), κάτι που προειδοποιεί αμέσως ο προγραμματιστής του.

Θεωρώ ότι αυτή η επιλογή είναι απλή στη χρήση, αλλά ημιπληρωμένη, κάτι που δεν αποτελεί περιορισμό. Το ίδιο λοιπόν και για τις μικρές τοποθεσίες.

4. Αλλαγή μεγέθους εικόνας μετά τη μεταφόρτωση

Το όνομα φαίνεται να τα κάνει όλα ξεκάθαρα, αλλά για κάποιο λόγο συμπιέζει εικόνες ακριβώς κατά τη φόρτωση και όχι ήδη φορτωμένες. Γιατί τέτοιος παραλογισμός; Αφήστε τους προγραμματιστές να απαντήσουν. Παρεμπιπτόντως, αυτό το έργο υποστηρίχθηκε από τους προγραμματιστές του πρόσθετου ShortPixel, το οποίο κάνει το προϊόν διάσημο.

Αλλά στην πραγματικότητα, το πρόσθετο συμπίεσης εικόνας του WordPress δεν περιέχει τίποτα περιττό, απλώς προσδιορίστε στις ρυθμίσεις απαιτούμενες παραμέτρους(ενεργοποίηση/απενεργοποίηση συμπίεσης, μέγιστο μέγεθος εικόνας, επίπεδο συμπίεσης). Αποθηκεύστε τις ρυθμίσεις και πηγαίνετε στη δουλειά.

Αν και δεν είναι δημοφιλές, αρέσει σε πολλούς σύμφωνα με κριτικές, πιθανώς επειδή είναι απλό, κατανοητό και μπορεί να κάνει τη δουλειά του αυτόματα.

5. EWWW Image Optimizer

Όπως όλα τα δημοφιλή πρόσθετα συμπίεσης εικόνας του WordPress, αρχίζουν να περιγράφουν τη δουλειά του ως έναν υπερ-ντούπερ κύριο Τζεντάι, λένε, ένα είδος καταιγίδας για το συμπιεσμένες εικόνες. Είναι σαν να μπορεί να φτιάξει καραμέλα από σκατά σε οποιαδήποτε στάση και ταυτόχρονα να πιει ένα ποτήρι καφέ χαλαρώνοντας. Λοιπόν, φυσικά, μπορείτε να κρίνετε τα αποτελέσματα της δουλειάς του.

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

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

6. Βελτιστοποίηση εικόνας CW

Σύμφωνα με τον προγραμματιστή, αυτό το πρόσθετο είναι παρόμοιο με το WP Smush.it, αλλά στην πραγματικότητα είναι επίσης ένα απλό πρόσθετο, μπορεί να συμπιέσει ήδη μεταφορτωμένες εικόνες, η επεξεργασία γίνεται εδώ και όχι σε απομακρυσμένο διακομιστή, έχει ελάχιστες ρυθμίσεις με στόχο τη συμπίεση και τέλος. Για όσους θέλουν απλώς να το στριμώξουν και να το ξεχάσουν, αυτό είναι.

Φυσικά, δεν είναι χωρίς τα μειονεκτήματά του, η τελευταία φορά που ενημερώθηκε ήταν πριν από περισσότερα από 3 χρόνια και πιθανώς δεν υπάρχει υποστήριξη, αλλά αν λειτουργεί για εσάς όπως θα έπρεπε, τότε δεν χρειάζεται να εξετάσετε αυτόν τον παράγοντα, και είναι μια άξια επιλογή για τους λάτρεις της απλότητας.

7.Imagify

Αυτή η επιλογή έχει 3 επίπεδα συμπίεσης, συμπιέζει στον ίδιο διακομιστή, επομένως είναι αρκετά απλή, αλλά έχει όριο 25 MB - περίπου 250 εικόνες το μήνα και ό,τι παραπάνω πρέπει να πληρωθεί, έτσι αυτή την επιλογήθα είναι βολικό για μικρές τοποθεσίες. Διαφορετικά, αυτό το πρόσθετο είναι απλό και προσβάσιμο για όσους δεν τους αρέσει να ασχολούνται με τις ρυθμίσεις, μπορείτε να το εγκαταστήσετε με ασφάλεια.

8. Optimus

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

Επομένως προσφέρεται σε 3 εκδόσεις:

1. Δωρεάν - συμπίεση εικόνας μόνο έως 100 kb
2. Optimis HQ - έκδοση premium για προσωπική χρήση, με προηγμένες δυνατότητες.
3. Optimus HQ PRO - για πλήρη επαγγελματική χρήση, για πολλούς ιστότοπους.

9. Kraken Image Optimizer

Το πρόσθετο συμπιέζει εικόνες, νέες και υπάρχουσες, και, εάν είναι επιθυμητό, ​​μπορεί να συμπιέσει χωρίς πνευματική απώλεια. Πρόσθετο χωρίς προβλήματα και περιττές ρυθμίσεις, αλλά υπάρχει ένα jamb))), στη δωρεάν έκδοση το όριο είναι 100 MB. Και αν πληρώσετε, τότε για 5 $ μπορείτε να επεξεργαστείτε 500 MB το μήνα. Έτσι, αν λίγο πράγμα που αξίζει τον κόπο, τότε σίγουρα θα υπάρξει οικονομικό εμπόδιο.

10. SEO Image Optimizer

Εκτός από τη συμπίεση εικόνων wordpress, μπορεί να αλλάξει δυναμικά το ALT και την ετικέτα. Έχει πραγματικά απλές και σαφείς ρυθμίσεις και διαισθητική διεπαφή. Το πρόσθετο δεν αποθηκεύει τίποτα στη βάση δεδομένων, επειδή ορισμένοι καλοφαγάδες δεν θέλουν να μολύνουν τη βάση δεδομένων τους. Υπάρχει τεχνική υποστήριξη που μερικές φορές βοηθά στην επίλυση προβλημάτων. Έτσι, γενικά, αυτό το απλό είναι επίσης σε θέση να σας βοηθήσει.

11. Τεμπέλικο φορτίο

Και αυτό το πρόσθετο δεν συμπιέζει εικόνες. Τότε γιατί στο διάολο χρειάζεται;))) Θα απαντήσω, ακόμα και από το όνομα είναι ξεκάθαρο ότι είναι τεμπέλης φόρτωση, πράγμα που σημαίνει ότι οι εικόνες θα φορτωθούν ακόμη και πριν κάνετε κύλιση στη σελίδα και η εικόνα μπει στο ορατό μέρος της οθόνης. Δηλαδή, οι εικόνες απλά φορτώνονται εκ των προτέρων, κάτι που θα είναι βολικό κατά το άνοιγμα. Αλλά είναι σημαντικό να σημειωθεί ότι αυτό το πρόσθετο θα είναι απαραίτητο για μεγάλος αριθμόςεικόνες στις σελίδες που βλέπετε.

Ωστόσο, είναι πολύ σημαντικό για τους δείκτες SEO, επομένως είναι επίσης επίκαιρο και βοηθά στην επιτάχυνση της φόρτωσης των εικόνων, όπως και να έχει.

12. Συμπίεση εικόνων JPEG και PNG

Αυτή η προσθήκη συμπίεσης εικόνας WordPress θα συμπιέσει αυτόματα όλες τις εικόνες σας, ακόμη και τα κινούμενα αρχεία PNG. Υποστηρίζει λειτουργία πολλαπλών κόμβων μέσω API. Οι ρυθμίσεις είναι ελάχιστες: απλώς επιλέξτε τα πλαίσια για τα οποία πρέπει να συμπιεστούν οι μορφές εικόνας, το μέγιστο επεξεργασμένο μέγεθος, μετά λαμβάνουμε το κλειδί API από τον προγραμματιστή και τελειώσατε.

Αλλά ας σπάσουμε ξανά τη διασκέδαση, αυτή η προσθήκη έχει έναν περιορισμό δωρεάν συμπίεσηέως και 500 φωτογραφίες το μήνα. Και όλα τα παραπάνω απαιτούν χρήματα και επίδειξη: οι επόμενες 9500 εικόνες στα 0,009 $ για κάθε εικόνα. Είναι ξεκάθαρο ότι θα είναι κατάλληλο για μικρές ανάγκες.

13. Εικόνα Prizm

Το πρόσθετο συμπιέζει εικόνες JPEG, PNG και GIF, έως και 70%. Θα πρέπει αμέσως να σημειώσω ότι η συμπίεση συμβαίνει σε άλλο διακομιστή και εργασία σε εξέλιξηαπό το κλειδί API, το οποίο πρέπει να λάβετε μετά την εγκατάσταση της προσθήκης. Για να ξεκινήσετε, πρέπει να επιλέξετε από 3 ποιότητες συμπίεσης, επιλέξτε επιθυμητή λειτουργίαδουλειά και χρονοδιάγραμμα και τελειώσατε.

Και κατά κανόνα, εκτός από καλό προϊόνΠροσφέρω ένα όριο 1000 εικόνων το μήνα δωρεάν, και στη συνέχεια υπάρχουν σχέδια από $5. Ωστόσο, πρέπει να σημειωθεί ότι οι 1000 εικόνες ανά μήνα είναι ήδη ένα αξιοπρεπές επίπεδο, επομένως αυτό το πρόσθετο μπορεί εύκολα να χειριστεί ιστότοπους με πολύ μεγαλύτερο όγκο εικόνων.

14. BJ Lazy Load

Αυτό το πρόσθετο συμπίεσης εικόνας είναι βολικό επειδή προφορτώνει, π.χ. μπορεί να φορτώσει εικόνες πριν πραγματοποιήσει κύλιση στο ορατό τμήμα της οθόνης και μπορεί επίσης να συμπιέσει εικόνες. Και όλα θα ήταν καλά, αλλά το πρόσθετο χρησιμοποιεί JQuery και JavaScript, οπότε αν ο πελάτης δεν έχει εγκαταστήσει JavaScript, τότε αντί για την εικόνα θα εμφανιστεί ο κώδικας για την εμφάνιση της εικόνας, ο οποίος φυσικά θα μετρηθεί ως μείον.

Οι ρυθμίσεις είναι απλές και κατανοητές σε όλους: επιλέξτε ποιες εικόνες θα συμπιεστούν, υποστήριξη FRAME και μερικές ακόμη και τελειώσατε. Πρέπει όμως να προσθέσουμε εδώ ότι σύμφωνα με κριτικές, κάποιοι δεν βλέπουν έντονη αύξηση της ταχύτητας, μάλλον επειδή χρησιμοποιείται JS, αλλά κατά τα άλλα λειτουργεί για την πλειοψηφία χωρίς προβλήματα.

15. Ανοησία

Αυτό το πρόσθετο συμπίεσης εικόνας WordPress δεν διαφέρει πολύ από τα προηγούμενα, μπορεί να συμπιέσει ήδη ληφθείσες εικόνες κατά τη διαδικασία λήψης, μπορείτε επίσης να ορίσετε το μέγεθος εικόνας για σελίδες και αναρτήσεις, το μέγεθος για τις ληφθείσες εικόνες, τις εικόνες του θέματος WordPress σας (λογότυπο , φόντο, κ.λπ.), τότε μπορείτε να επιλέξετε την ποιότητα συμπίεσης και να μετατρέψετε από BMP σε JPEG ή όχι. Αυτές είναι οι απλές ρυθμίσεις.

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

16. Χάμι

Πρέπει να ξεκινήσουμε λέγοντας ότι αυτό το πρόσθετο δεν έχει ενημερωθεί εδώ και 4 χρόνια από σήμερα (τέλη 2017), αλλά αν υπάρχουν ακόμα αυτοί που το εγκαταστήσουν, τότε κάνει τη δουλειά του.

Για μένα, αυτή η προσθήκη βελτιστοποίησης εικόνας WordPress είναι λίγο αγγαρεία. Η ουσία της δουλειάς του είναι ότι κάνει αντικατάσταση ετικέτες imgστην εικόνα, λειτουργεί μόνο με αναρτήσεις και σελίδες, αλλά όχι με προσαρμοσμένες εικόνες. Εκτελείται σε jQuery, αλλά αν το jQuery δεν είναι διαθέσιμο, επανέρχεται στην κανονική εικόνα που ήσασταν εκεί αρχικά. Αλλά το κύριο πράγμα είναι ότι το πρόσθετο από τις εικόνες σας δημιουργεί μια σειρά εικόνων με διαφορετικά μεγέθηκαι μετά δείχνει τα περισσότερα κατάλληλο μέγεθος. Κατά τη γνώμη μου αυτό είναι βολικό για κινητές συσκευές, το οποίο σχετίζεται άμεσα με την ταχύτητα λήψης.

17. PB Responsive Images

Αυτός ο ασθενής επίσης δεν έχει ενημερωθεί για περισσότερα από 4 χρόνια. Αλλά το πρόσθετο είναι ενδιαφέρον επειδή χρησιμοποιεί σύντομους κωδικούς, αν θέλετε να προσαρμόσετε μεμονωμένες παραμέτρους για συγκεκριμένες φωτογραφίες, είναι εύκολο. Επιπλέον, το πρόσθετο έχει κάποια λογική εάν η οθόνη σας είναι μικρότερη από 700 pixel, τότε το πρόσθετο εμφανίζει μια μικρότερη εικόνα, η οποία είναι καλή προσαρμοστικότητα και ένα μεγάλο πλεονέκτημα.

Εάν έχετε κάποιες λεπτές απαιτήσεις, τότε η ευελιξία της προσθήκης θα σας επιτρέψει να το κάνετε αυτό σύμφωνα με μεμονωμένα αιτήματα και εάν δεν μπορείτε να επιτύχετε αυτό που θέλετε, μπορείτε να διαβάσετε την πλούσια τεκμηρίωση ή, ως έσχατη λύση, να επικοινωνήσετε με τον επίσημο φόρουμ, όπου θα βοηθήσουν με μια λύση.

18. Συμπίεση και βελτιστοποίηση εικόνας CheetahO

Η προσθήκη συμπίεσης εικόνας WordPress λειτουργεί μέσω απομακρυσμένος διακομιστήςμέσω API (για πολλούς ιστότοπους), και οι διακομιστές είναι γρήγοροι, υποστηρίζει μορφές JPEG, PNG, GIF. Χρησιμοποιούν τον δικό τους πατενταρισμένο αλγόριθμο συμπίεσης και είναι πλήρως κατάλληλοι για το WOOCOMMERCE. Αλλά όπως πάντα, υπάρχει ένας περιορισμός για τη δωρεάν έκδοση - 500 εικόνες το μήνα, που σημαίνει μόνο για μικρούς ιστότοπους. Λοιπόν, ναι, αυτό το πρόσθετο είναι επίσης κατάλληλο για όσους δεν γνωρίζουν τίποτα σχετικά με τη συμπίεση και την περικοπή.

Μέσο μέγεθος ιστοσελίδας - 2,4 Mbκαι το 64% προέρχεται από εικόνες. Το βρηκες: το μέσο μέγεθοςεικόνες σε μια ιστοσελίδα - 1,5 Mb.

Τι μέγεθος έχουν οι σελίδες στον ιστότοπό σας;

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

• μείωση του συνολικού μεγέθους σελίδας.
• εξοικονόμηση κυκλοφορίας?
• Μείωση του χρόνου φόρτωσης σελίδας και αύξηση της κατάταξης SEO.

Τρώω ολόκληρη γραμμήτρόπους βελτιστοποίησης των εικόνων, αλλά είναι καλύτερο να το κάνετε αυτό χωρίς να θυσιάσετε την ποιότητα. Αυτό το άρθρο θα συζητήσει τρεις τύπους εργαλείων.

1. Εργαλεία DIY: Δεν χρειάζεται να εγκαταστήσετε τίποτα στον ιστότοπο. Απλώς μεταβείτε στη σελίδα υπηρεσίας, ανεβάστε εικόνες και λάβετε βελτιστοποιημένες εικόνες.
2. WordPress plugin: Εγκαταστήστε την προσθήκη στον ιστότοπό σας στο WordPress και, ανάλογα με τις ρυθμίσεις που θα επιλέξετε, το μέγεθος της εικόνας θα μειωθεί κατά τη μεταφόρτωση στον ιστότοπο.
3. Επέκταση για το Joomla: Εγκαταστήστε την επέκταση στον ιστότοπό σας στο Joomla και οι εικόνες θα βελτιστοποιηθούν στον διακομιστή σας Joomla.

Είστε έτοιμοι να επιταχύνετε τον ιστότοπό σας;

Εργαλεία DIY

Ίσως αυτό καλύτερος τρόποςσυμπίεση εικόνας, αλλά ενδέχεται να υπάρχουν περιορισμοί στο μέγεθος ή τον αριθμό των εικόνων. Δοκιμάστε το μόνοι σας και βρείτε την καταλληλότερη λύση.

1. Μικροσκοπικό PNG

Για να μειώσετε το μέγεθος Αρχεία PNGή JPG σε TinyPNG χρησιμοποιεί μεθόδους συμπίεσης με απώλειες. Μπορείτε να ανεβάσετε έως και 20 εικόνες, το μέγεθος καθεμίας από τις οποίες δεν μπορεί να υπερβαίνει τα 5 Mb.

2. Συμπιεστής

Ο συμπιεστής σάς επιτρέπει να συμπιέσετε εικόνες μειώνοντας την ένταση έως και 90% και εξακολουθεί να αποθηκεύετε υψηλή ανάλυση. Λειτουργεί με αρχεία JPEG, PNG, GIF και SVG. Όριο μεγέθους - 10 Mb.

3. Puny PNG

Το PunyPNG είναι κατάλληλο για σχεδιαστές και προγραμματιστές. Δεν είναι κατάλληλο για εργασία εάν το μέγεθος των εικόνων σας μετριέται σε megabyte: το όριο μεγέθους είναι 500 KB, ο αριθμός των αρχείων είναι 20 τεμάχια. Μπορεί Συμπίεση JPG, αρχεία GIF και PNG.

4. Συμπιέστε τώρα

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

5. Kraken

Κατά τη βελτιστοποίηση, το Kraken σάς επιτρέπει να επιλέξετε μεταξύ συμπίεσης χωρίς απώλειες, χωρίς απώλειες και προαιρετικής συμπίεσης. αυτο-διαμόρφωση. Το αρχείο μπορεί να μεταφορτωθεί από τον υπολογιστή σας, Dropbox, Google Driveή Κουτί.

6. Optimi Zilla

Μεταφορτώστε έως και 20 αρχεία JPEG ή PNG στο OptimiZilla. Εάν κάνετε λήψη πολλών αρχείων, μπορείτε να τα κατεβάσετε όλα σε ένα αρχείο.

7. JPEG Mini

Απαλλαγείτε από αυτά τα επιπλέον kilobyte με το JPEG Mini. Μόνο αρχεία JPG μπορούν να υποβληθούν σε επεξεργασία.

8.Φανταστείτε

Εδώ μπορείτε να επιλέξετε από πολλά επίπεδα συμπίεσης: κανονική, επιθετική και υπερσυμπίεση. Τα αρχεία αποθηκεύονται για έως και 24 ώρες στο Imagify, ώστε να μπορείτε να τα κατεβάσετε αργότερα, αν θέλετε.

Τα παραπάνω εργαλεία DIY θα σας βοηθήσουν στη μείωση του μεγέθους του αρχείου. Τώρα ας δούμε τα πρόσθετα για WordPress.

Προσθήκες WordPress:

Τα παρακάτω πρόσθετα μπορούν να εγκατασταθούν στο WordPress και όταν χρειαστεί να ανεβάσετε εικόνες, θα βελτιστοποιηθούν.

1. EWWW Image Optimizer

Το EWWW Image Optimizer είναι ένα από τα καλύτερα πρόσθετα βελτιστοποίησης. Σας επιτρέπει να μειώσετε το μέγεθος των εικόνων, καθώς και να επιλέξετε αρχεία για τα οποία δεν θα πραγματοποιηθεί βελτιστοποίηση. Αυτό είναι πολύ χρήσιμο εάν ο ιστότοπός σας σχετίζεται με τη φωτογραφία και δεν θέλετε να υποβαθμίσετε την ποιότητα ορισμένων λήψεων.

2.WP Smush

Αυτό το καταπληκτικό πρόσθετο από το wpmudev έχει εγκατασταθεί πάνω από 400 χιλιάδες φορές. Σας επιτρέπει να συμπιέσετε εικόνες σε παρτίδες ή καθώς ανεβαίνουν στον ιστότοπο. Στη δωρεάν έκδοση, το WP Smush σάς επιτρέπει να επεξεργαστείτε έως και 50 εικόνες στη σειρά. Το πρόσθετο επεξεργάζεται αρχεία σε μορφές JPEG, PNG και GIF.

3. Optimus

Το Optimus του KeyCDN βοηθά στη μείωση των εικόνων έως και 70%, αλλά υπάρχει όριο μεγέθους 100 kB.

• βελτιστοποίηση των εικόνων πηγής.
• βελτιστοποίηση κατά τη φόρτωση.

4.TinyPNG

Συμπιέστε αρχεία JPEG και PNG με το TinyPNG. Αυτό είναι το εργαλείο που χρησιμοποιώ και είμαι απόλυτα ικανοποιημένος με αυτό.

5. Σύντομο εικονοστοιχείο

Το Short Pixel συμπιέζει όχι μόνο εικόνες, αλλά και PDF. Το εργαλείο είναι συμβατό με το WooCommerce και χειρίζεται αρχεία GIF, PNG, JPG και PDF.

Αυτά τα πρόσθετα WordPress υποτίθεται ότι επιταχύνουν τον ιστότοπό σας μειώνοντας το μέγεθος των εικόνων σας.

Επεκτάσεις για το Joomla

Οι ακόλουθες επεκτάσεις είναι δωρεάν, γι' αυτό δοκιμάστε το και δείτε τι είναι σωστό για εσάς.

1. Imgen

Το δωρεάν πρόσθετο υλοποιεί δυναμική αλλαγήμέγεθος εικόνας και σας επιτρέπει να προσθέσετε ένα υδατογράφημα. Το Imgen σάς επιτρέπει επίσης να κρυπτογραφήσετε τη διαδρομή της εικόνας, ώστε να μπορείτε να αποκρύψετε την αρχική διαδρομή του αρχείου.

2.Ανακύκλωση εικόνας

Το Image Recycle είναι μια δημοφιλής επέκταση Joomla που βοηθά στη βελτιστοποίηση εικόνων και αρχείων PDF. Μπορείτε να διαμορφώσετε την αυτόματη συμπίεση νέων εικόνων ή να μειώσετε το μέγεθος των υπαρχουσών. Είναι επίσης δυνατό να ορίσετε το επίπεδο βελτιστοποίησης για μεμονωμένους τύπους αρχείων.
.

Αγαπητοί συνάδελφοι! Σε αυτό το άρθρο στον ιστότοπο θα ανακαλύψετε αρκετά χρήσιμο plugin για βελτιστοποίηση εικόνων στο WP, που διευκολύνει πολύ την εργασία εσωτερική βελτιστοποίηση site σε αυτό το μέρος.

Θα ξεκινήσω από μακριά. Τις προάλλες, διεξήγαγα μια ανάλυση ενός ιστότοπου πελάτη. Και, όπως αποδείχθηκε, όλες οι εικόνες σε αυτό το έργο δεν βελτιστοποιήθηκαν καθόλου ή δεν ήταν πλήρως, κάτι που επιβεβαιώθηκε από το εργαλείο.

Φαίνεται ότι είναι ανοιχτό αρχείο γραφικώνστο Photoshop, κάντε κλικ στο " Αρχείο "→"Αποθήκευση για τον Ιστό"και το κόλπο είναι στο σακουλάκι. Όμως, υπάρχουν πολλές φωτογραφίες σε αυτόν τον ιστότοπο. Εδώ προέκυψε το ερώτημα: "Είναι δυνατόν να βελτιστοποιήσετε τις εικόνες ταυτόχρονα, χρησιμοποιώντας κάποιο πρόσθετο WordPress, για παράδειγμα;"

Η επέκταση WP Smush ήρθε ακριβώς την κατάλληλη στιγμή. Αυτό που αξίζει να σημειωθεί είναι ότι επεξεργάστηκε όλες τις εικόνες της βιβλιοθήκης αρχείων πολυμέσων (οι εικόνες προτύπων (κεφαλίδα, υποσέλιδο, φόντο κ.λπ. βελτιστοποιήθηκαν ξεχωριστά) βέλτιστα και πλήρως αυτόματα. έμεινα ευχαριστημένος.

Και στο Photoshop είναι σχεδόν αδύνατο να πιάσετε αυτό το πλεονέκτημα, όταν η περαιτέρω βελτιστοποίηση θα γίνει εις βάρος της μείωσης της ποιότητας.

Εγκατάσταση και χρήση της προσθήκης WP Smush για βελτιστοποίηση εικόνων στο WordPress

• - Κάντε λήψη της επέκτασης από τον επίσημο αποθετήριο του WP στη διεύθυνση https://wordpress.org/plugins/wp-smushit/ ;
• - Εγκαταστήστε το και ενεργοποιήστε το.

1. Στο μενού " Αρχεία πολυμέσων" θα εμφανιστει Νέο αντικείμενο " ", κάντε κλικ σε αυτό.

Εδώ θα σας προσφερθεί αμέσως να «αναβαθμίσετε» την έκδοση στην επαγγελματική, όχι δωρεάν φυσικά. Μετά από αυτό, νέες δυνατότητες θα προστεθούν στο WP Smush Pro:

• - "έξυπνη συμπίεση", η εικόνα θα χάσει 2 φορές περισσότερο βάρος χωρίς να χάσει την ποιότητα (ακόμη και πολύ ενδιαφέρουσα, αλλά δύσκολο να το πιστέψει κανείς, ακόμη και το Photoshop δεν μπορεί να το κάνει αυτό).
• - τη δυνατότητα δημιουργίας αντιγράφων ασφαλείας, επιστροφής αρχικών εικόνων από (εμείς οι ίδιοι έχουμε μουστάκι, Αντίγραφο ασφαλείαςξέρουμε πώς να κάνουμε).
• - Επεξεργασία αρχείων με μέγεθος μεγαλύτερο από 1 MB (λίγοι άνθρωποι πρέπει να ανεβάσουν φωτογραφίες αυτού του μεγέθους σε έναν ιστότοπο;).
• - δεν υπάρχουν περιορισμοί στην ταχύτητα επεξεργασίας (είναι καλύτερα να πηγαίνετε πιο αργά, δεν έχουμε πού να βιαστούμε, θα υπάρχει λιγότερο φορτίο στον ιστότοπο).
• - υπάρχει υπηρεσία υποστήριξης (γιατί χρειάζεται;);
• - πρόσβαση σε άλλα premium πρόσθετα και θέματα (καλά, υπάρχουν ήδη πολλά από αυτά).

Δεν έδωσα χρήματα στην αστική τάξη. Αν κάποιος έχει δοκιμάσει την έκδοση pro, αφήστε τα σχόλιά σας σχετικά με αυτήν στα σχόλια.

1. Εάν επιλέξετε το πλαίσιο " Αυτόματη συμπίεση εικόνων κατά τη μεταφόρτωση", τότε το πρόσθετο θα βελτιστοποιήσει αυτόματα όλες τις νέες εικόνες που ανεβαίνουν στον ιστότοπο. Οι επιλογές έξυπνης συμπίεσης και δημιουργίας αντιγράφων ασφαλείας είναι ανενεργές στη δωρεάν έκδοση.
2. Πατώντας το " Bulk Smush 50 Συνημμένα", θα ξεκινήσετε τη διαδικασία βελτιστοποίησης όλων των εικόνων που έχουν μεταφορτωθεί προηγουμένως στον ιστότοπο, 50 κομμάτια τη φορά. Όταν ολοκληρώσετε την επεξεργασία ενός τμήματος 50 εικόνων, κάντε ξανά κλικ στο κουμπί.
3. Στο τέλος της διαδικασίας, το κουμπί θα αλλάξει σε πράσινο " Ολα τελείωσαν". Κάντε κλικ σε αυτό για να ολοκληρώσετε.
4. Μπορείτε να μειώσετε το βάρος μεμονωμένων εικόνων κατ' επιλογή. Για να το κάνετε αυτό, μεταβείτε στη βιβλιοθήκη πολυμέσων χρησιμοποιώντας το σύνδεσμο " Βιβλιοθήκη πολυμέσων"ή ακολουθήστε τον σύνδεσμο" Βιβλιοθήκη" στον πίνακα διαχείρισης.

Πατώντας το " Smush Now!», απέναντι από την εικόνα, τη βελτιστοποιείς.

Πρόσθετο για βελτιστοποίηση εικόνας στο WordPressενημερώθηκε: 14 Μαρτίου 2017 από: Ρομάν Βαχόφσκι