Imagify: βελτιστοποιήστε τις εικόνες σας στο WordPress

Το πρόσθετο Imagify είναι ένα από τα καλύτερα πρόσθετα όλων των εποχών. Μόλις έμαθα κάτι τρελό για τους ιστότοπους. Ξέρετε τι επιβραδύνει σοβαρά τις ιστοσελίδες σας; Όχι όχι, δεν είναι CSS ή JavaScript όπως νομίζετε... Περιμένετε: αυτές είναι οι εικόνες! Χωρίς τον Δεκέμβριο, περισσότερο από το ήμισυ του χρόνου φόρτωσης μιας σελίδας είναι απλώς η φόρτωση εικόνων. Είναι τρελό, έτσι δεν είναι;

Οπότε φίλε μου, αν δεν θέλεις ο ιστότοπός σου στο WordPress να σέρνεται σαν καρότσι που το σέρνουν βόδια (προσωπικά προτιμώ το δικό μου να πάει σαν πύραυλος), πρέπει πραγματικά να προσέξεις το βάρος των εικόνων σου! Σε αυτό το άρθρο, θα σας πω για Πρόσθετο Imagify που θα σας βοηθήσει να λύσετε το πρόβλημα.

Τι είναι το Imagify;

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

• Είτε απευθείας στον ιστότοπό τους, χωρίς να εγκαταστήσουν τίποτα (στυλ SaaS που βλέπετε)
• Είτε εγκαθιστώντας την επέκταση στο WordPress σας

Το Imagify μπορεί να βελτιστοποιήσει αυτόματα τις εικόνες καθώς τις ανεβάζετε, αλλά διαθέτει επίσης ένα μαζικό βελτιστοποιητή. Μπορείτε να χρησιμοποιήσετε αυτό το εργαλείο για να σαρώσετε ολόκληρο τον ιστότοπό σας για μη βελτιστοποιημένες εικόνες, στη συνέχεια να τις συμπιέσετε, να αλλάξετε το μέγεθος και να τις μετατρέψετε σε άλλες μορφές, με βάση τις ρυθμίσεις σας στο Imagify.

Το δωρεάν πρόγραμμα σάς επιτρέπει να βελτιστοποιήσετε περίπου 200 εικόνες ανά μήνα (20 MB) και σε όσους ιστότοπους θέλετε! Αν χρειάζεστε περισσότερα, έχουν και εκδόσεις επί πληρωμή που σας δίνουν είτε 500MB είτε εντελώς απεριόριστες. Εάν θέλετε να βελτιστοποιήσετε περισσότερα αρχεία, πρέπει να αγοράσετε μια premium άδεια.

Θυμάσαι όταν σου μίλησα ότι το εικόνες ήταν το 50% του βάρους μιας σελίδας? Λοιπόν, φανταστείτε ότι αν δεν το προσέχετε, μπορεί πραγματικά να καταστρέψει τη ζωή σας... και ειδικά αυτή των επισκεπτών σας! Θα σου πω δύο τρομακτικά στατιστικά. Ξέρετε τι ενοχλεί περισσότερο τους ανθρώπους στον Ιστό; Ένας ιστότοπος που αργεί να φορτώσει! Σχεδόν 1 στους 2 ανθρώπους λέει ότι αυτό είναι το μεγαλύτερο σημείο ενόχλησής τους.

Και περιμένετε: σύμφωνα με την Google, εάν ο ιστότοπός σας χρειάζεται 1 έως 3 δευτερόλεπτα για να φορτώσει, έχετε 32% περισσότερες πιθανότητες να φύγουν οι άνθρωποι αμέσως! 🏃‍♂️ Με λίγα λόγια, πρέπει να βελτιωθείς τον ζωτικό ιστό πυρήνα του ιστότοπού σας. Βασικά, αν ο ιστότοπός σας φορτώνει σαν σαλιγκάρι λόγω βαριών εικόνων, οι άνθρωποι δεν θα μείνουν.

Τα πλεονεκτήματα του Imagify

1. Ευκολία στη χρήση : Το Imagify ξεχωρίζει για την απλότητά του. Μόλις εγκατασταθεί η επέκταση, χρειάζονται μόνο λίγα λεπτά για να διαμορφωθεί. Μετά από αυτό, η μαζική βελτιστοποίηση εικόνας γίνεται αυτόματα, επιλύοντας αποτελεσματικά ζητήματα απόδοσης που σχετίζονται με την εικόνα χωρίς να απαιτούνται συχνές παρεμβάσεις.
2. Σύγχρονες μορφές εικόνας: Η επέκταση επιτρέπει τη δημιουργία εικόνων σε βελτιστοποιημένες μορφές όπως WebP και AVIF. Αυτό σημαίνει ότι, αφού κάνουν τις κατάλληλες ρυθμίσεις, οι χρήστες μπορούν να απολαμβάνουν εικόνες υψηλής ποιότητας μειώνοντας ταυτόχρονα το μέγεθος του αρχείου, γεγονός που βελτιώνει την ταχύτητα φόρτωσης της σελίδας.
3. Διαθέσιμο API: Το Imagify προσφέρει ένα API που επιτρέπει στους προγραμματιστές να ενσωματώνουν εύκολα τις δυνατότητές του στα έργα τους, ακόμη και εκτός WordPress. Αυτό διευρύνει τις δυνατότητες χρήσης και επιτρέπει αυξημένη ευελιξία στην ανάπτυξη εφαρμογών.
4. Υποστήριξη WP CLI: Για προγραμματιστές, το Imagify προσφέρει τη δυνατότητα εκκίνησης μαζικών βελτιστοποιήσεων μέσω WP CLI. Αυτή η δυνατότητα είναι ιδιαίτερα χρήσιμη για την αυτοματοποίηση εργασιών και την αποτελεσματική διαχείριση βελτιστοποιήσεων σε μεγάλους όγκους εικόνων.
5. Συμβατότητα με το WP Rocket: Δεδομένου ότι το Imagify και το WP Rocket έχουν αναπτυχθεί και τα δύο από την WP Media, είναι πλήρως συμβατά. Αυτή η συνέργεια βοηθά στη βελτιστοποίηση της απόδοσης του ιστότοπου με αρμονικό τρόπο, παρέχοντας έτσι μια βελτιωμένη εμπειρία χρήστη.

Πώς να ρυθμίσετε την προσθήκη Imagify;

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

Αυτό που μου αρέσει σε αυτήν την επέκταση είναι ότι καθοδηγεί τον χρήστη βήμα προς βήμα, όπως WP Rocket.

Βήμα 1: Δημιουργήστε έναν λογαριασμό Imagify και εισαγάγετε το κλειδί API σας.

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

Σε αυτό το email, κάντε κλικ στον σύνδεσμο επιβεβαίωσης. Στη συνέχεια, στον πίνακα ελέγχου του WordPress, κάντε κλικ στο κουμπί "Ανέκτησα το κλειδί API μου” και εισαγάγετε το κλειδί API που παρέχεται στο email.

Βήμα 2: Ρυθμίστε τις ρυθμίσεις του Imagify

Οι ρυθμίσεις Imagify στο WordPress χωρίζονται σε τρία μέρη. Στο πρώτο μέρος, μπορείτε να επιλέξετε το επίπεδο συμπίεσης (Normal, Aggressive ή Ultra), να ενεργοποιήσετε την αυτόματη βελτιστοποίηση, να διατηρήσετε ένα αντίγραφο των αρχικών εικόνων και να διατηρήσετε δεδομένα EXIF.

Γενικές ρυθμίσεις Imagify 

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

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

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

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

για WebP, είναι μια τρελή μορφή που συμπιέζει ακόμα περισσότερα από JPG ή PNG, χωρίς να χάνει την ποιότητα! Εάν έχετε το premium έκδοση του Imagify, διατηρεί τις βασικές ρυθμίσεις. Από την άλλη πλευρά, αν είστε στη δωρεάν έκδοση, μην ενεργοποιήσετε το WebP – θα σας καταβροχθίσει το μηνιαίο όριο!

Στο τμήμα μέσα ενημέρωσης, μπορείτε να κάνετε τις εικόνες που είναι πολύ μεγάλες να αλλάζουν αυτόματα το μέγεθος. Προσωπικά, προτείνω 2000 pixel max, αλλά μπορείς να βάλεις λιγότερα αν θέλεις, εξαρτάται από το site σου. Για "Μεγέθη προς βελτιστοποίηση", ελέγξτε τη μικρογραφία, το μεσαίο, το medium_large και το μεγάλο, εκτός από αυτό που χρειάζεστε. Εντάξει, αυτό θα χρησιμοποιήσει περισσότερο από το όριο συμπίεσής σας, αλλά με αυτόν τον τρόπο το WordPress θα μπορεί να προσαρμοστεί σε μικρές οθόνες. Πρακτικό, σωστά;

Και το τελευταίο ωραίο πράγμα: το "Προσαρμοσμένοι φάκελοι". Μπορείτε να επιλέξετε συγκεκριμένους φακέλους (όπως το wp-content) για να βελτιστοποιήσετε όλες τις εικόνες μέσα. Και αν θέλετε, μπορείτε ακόμη και να βελτιστοποιήσετε τις εικόνες του θέματός σας!

Επιλογές προβολής

Μπορείτε να επιλέξετε να εμφανίσετε ή να αποκρύψετε το μενού ρυθμίσεων Imagify στη γραμμή εργαλείων της διεπαφής διαχείρισης του WordPress χρησιμοποιώντας την επιλογή "Επιλογές εμφάνισης".

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

Βήμα 3: Βελτιστοποιήστε τις εικόνες σας

Το Imagify μπορεί να αλλάξει το μέγεθος και να συμπιέσει αρχεία JPG, PNG, WebP και GIF, καθώς και τα PDF που έχετε ανεβάσει στο WordPress. Μπορείτε επίσης να διαμορφώσετε το Imagify ώστε να βελτιστοποιεί τις εικόνες που βρίσκονται σε έναν συγκεκριμένο φάκελο. Για να βελτιώσετε τον χρόνο φόρτωσης της εικόνας, μπορείτε:

• Μετατρέψτε τις εικόνες σε μια βέλτιστη μορφή για το web
• Χρησιμοποιήστε το καταλληλότερο μέγεθος εικόνας
• Ορίστε ένα μέγιστο μέγεθος εικόνας στον ιστότοπο
• Συμπιέστε τις εικόνες για να μειώσετε το βάρος τους

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

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

Συνιστάται πρώτα να κάνετε δοκιμή στο Smart και μετά να επιστρέψετε στο Lossless εάν τα αποτελέσματα δεν είναι ικανοποιητικά. Ξεκινήστε με ένα μικρό δείγμα εικόνων πριν από τη μαζική βελτιστοποίηση. Ένα παράθυρο τρόπου λειτουργίας εμφανίζει την υπολειπόμενη πίστωση και η γραμμή προόδου σάς επιτρέπει να παρακολουθείτε την πρόοδο της διαδικασίας.

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

Έχετε ανεβάσει ποτέ εικόνες στον ιστότοπο, το blog ή το ηλεκτρονικό σας κατάστημα; Σε αυτήν την περίπτωση, το Imagify διαθέτει ένα μαζικό βελτιστοποιητή που μπορεί να σαρώσει τον ιστότοπό σας για μη βελτιστοποιημένες εικόνες.

Οι 3 κορυφαίες εναλλακτικές στην προσθήκη Imagify

ShortPixel – Η κατ' εξοχήν εναλλακτική λύση

Ως ειδικός στη βελτιστοποίηση εικόνας για περισσότερα από 8 χρόνια, μπορώ να πω ότι το ShortPixel ξεχωρίζει σημαντικά. Η δύναμή του έγκειται στον έξυπνο αλγόριθμο συμπίεσης που διατηρεί αξιοσημείωτα την οπτική ποιότητα μειώνοντας ταυτόχρονα την μέγεθος αρχείου έως 85%. Η διαισθητική διεπαφή και το ισχυρό API το καθιστούν εργαλείο επιλογής για ιστότοπους υψηλής επισκεψιμότητας.

Οι προγραμματιστές θα εκτιμήσουν ιδιαίτερα το αυτόματο σύστημα δημιουργίας αντιγράφων ασφαλείας και την εξαιρετική συμβατότητά του με διαφορετικές εκδόσεις της PHP. Το δωρεάν πρόγραμμα προσφέρει 100 εικόνες/μήνα και τα προγράμματα επί πληρωμή είναι εκπληκτικά προσιτά για τις δυνατότητες που προσφέρονται. Προσωπικά έχω δει σημαντική βελτίωση στους χρόνους φόρτωσης σε πάνω από 200 ιστότοπους πελατών μετά την εφαρμογή του.

Smush – Η επιλογή των επαγγελματιών του Διαδικτύου

Με πάνω από 10 χρόνια εμπειρίας στη χρήση του Smush, μπορώ να πιστοποιήσω την εξαιρετική αξιοπιστία του. Το WPMU DEV έχει αναπτύξει ένα εργαλείο που υπερέχει στη βελτιστοποίηση παρτίδων, επιτρέποντάς σας να επεξεργάζεστε έως και 50 εικόνες ταυτόχρονα. Η λειτουργία αυτόματης αλλαγής μεγέθους είναι ιδιαίτερα αποτελεσματική για ιστότοπους ηλεκτρονικού εμπορίου.

Η δωρεάν έκδοση είναι γενναιόδωρη, προσφέροντας απεριόριστη βελτιστοποίηση εικόνων έως και 5MB. Το δυνατό του σημείο; Συμπίεση χωρίς απώλειες που διατηρεί την ποιότητα της εικόνας ενώ μειώνει σημαντικά το βάρος. Προσωπικά έχω παρατηρήσει μια μέση μείωση 20-30% στους χρόνους φόρτωσης σελίδων στους ιστότοπους των πελατών μου.

Συμπίεση εικόνων JPEG & PNG από την TinyPNG – Η ευέλικτη λύση

Με βάση την εμπειρία μου σε περισσότερα από 300 έργα WordPress, το TinyPNG έχει αποδειχθεί ένα εξαιρετικό εργαλείο. Η δύναμή του έγκειται στην ικανότητά του να συμπιέζει έξυπνα τις εικόνες διατηρώντας παράλληλα τη διαφάνειά τους – ζωτικής σημασίας για τα λογότυπα και τα γραφικά. Το API είναι ιδιαίτερα ισχυρό, επιτρέποντας την απρόσκοπτη ενσωμάτωση με τις ροές εργασιών ανάπτυξης.

Η συμπίεση είναι εντυπωσιακή, συχνά φτάνει Έκπτωση 60-80%. χωρίς ορατή απώλεια ποιότητας. Το πρόσθετο προσφέρει 500 δωρεάν συμπιέσεις ανά μήνα, υπεραρκετές για μικρούς ιστότοπους. Η διεπαφή είναι μινιμαλιστική αλλά αποτελεσματική. Στα έργα μου, έχω δει μέση βελτίωση 40% στις βαθμολογίες PageSpeed ​​μετά την υλοποίησή του.

Συμπέρασμα

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

Συχνές Ερωτήσεις

Ε: Μπορώ να βελτιστοποιήσω τις παλιές μου εικόνες με το Imagify;

Α: Εντελώς φίλε μου! Μπορείτε να βελτιστοποιήσετε ολόκληρη τη βιβλιοθήκη πολυμέσων σας ταυτόχρονα, ακόμα και παλιές εικόνες που δημοσιεύσατε πριν από πολύ καιρό. Υπάρχει ακόμη και ένα κουμπί "Μαζική Βελτιστοποίηση” να τα κάνουμε όλα ταυτόχρονα. Πρακτικό, σωστά;

Ε: Αν βελτιστοποιήσω τις εικόνες μου, δεν θα γίνουν άσχημες;

Α: Καθόλου! Αυτό είναι το υπέροχο με το Imagify. Ακόμη και σε «επιθετική» λειτουργία, οι εικόνες παραμένουν τέλειες. Το πρόσθετο χρησιμοποιεί έξυπνους αλγόριθμους που μειώνουν το βάρος χωρίς να αλλοιώνουν την οπτική ποιότητα. Μπορείτε να κάνετε ακόμη και πριν/μετά τεστ για να δείτε τη διαφορά!

Ε: Ξεπερνάω το δωρεάν όριο των 20 MB το μήνα, τι πρέπει να κάνω;

Α: Μην ανησυχείς, έχεις πολλές επιλογές! Είτε κάνετε αναβάθμιση σε πρόγραμμα επί πληρωμή (500 MB ή απεριόριστο) είτε βελτιστοποιείτε μόνο τις νέες εικόνες που ανεβάζετε κατά προτεραιότητα. Επαγγελματική συμβουλή: ξεκινήστε βελτιστοποιώντας τις εικόνες που εμφανίζονται στις σελίδες σας με τις περισσότερες επισκέψεις!