Πώς να βελτιστοποιήσετε την εικόνα σας στο WordPress

Άρθρο που γράφτηκε από:
  • WordPress
  • Ενημερώθηκε: Sep 05, 2017

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

Λάβετε υπόψη ότι η ταχύτητα φόρτωσης του ιστότοπου αποτελεί βασικό παράγοντα για την εμπειρία του χρήστη. Παρόλο που προσφέρετε εξαιρετικό περιεχόμενο, η ύπαρξη ενός υποτονικού ιστότοπου μπορεί να είναι πολύ εξοργιστική για το ακροατήριό σας. Σύμφωνα με Kissmetrics, Το 40% του ηλεκτρονικού κοινού θα φύγει αν διαρκέσει περισσότερο από 3 δευτερόλεπτα για να φορτωθεί μια σελίδα.

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

Δημιουργία εικόνων για ιστότοπους

Αν είστε εξοικειωμένοι με εφαρμογές επεξεργασίας φωτογραφιών όπως το Photoshop, τότε μπορείτε να προτιμήσετε να δημιουργήσετε τις εικόνες σας για χρήση στο δικτυακό τόπο. Σημειώστε ότι αυτές οι εφαρμογές έχουν συνήθως τη δυνατότητα να αποθηκεύσουν μια εικόνα χρησιμοποιώντας μια φιλική προς το web μορφή. Στο Photoshop, μπορείτε να το κάνετε κάνοντας κλικ στο File> Save for Web & Devices.

συσκευές αποθήκευσης για web

Μπορεί επίσης να είστε ήδη εξοικειωμένοι με τις διαφορετικές μορφές αρχείων κατά την αποθήκευση εικόνων. Οι πιο συνηθισμένες μορφές είναι το JPG, PNG και GIF.

JPG οι εικόνες είναι ιδανικές για γενικές φωτογραφίες όπως φωτογραφίες χρηστών και εικόνες φόντου. Υποστηρίζουν ένα ευρύ φάσμα χρωμάτων και κλίσεων - όλα χωρίς να φουσκώνουν το μέγεθος του αρχείου.

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

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

Χρησιμοποιώντας το TinyPNG.com

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

άτιτλο

Χρησιμοποιώντας προσθήκες συμπίεσης εικόνας (EWWW Image Optimizer, Smush It & ImageOptim)

Η αποθήκευση με τη σωστή μορφή εικόνας και η χρήση του TinyPNG είναι τέλειες συνήθειες για να έχετε αν θέλετε να χρησιμοποιήσετε πολλές εικόνες για το WordPress. Αλλά τι γίνεται αν έχετε ήδη μια βιβλιοθήκη μη εξειδικευμένων εικόνων στο WordPress; Ευτυχώς, υπάρχουν πολλά προσθήκες συμπίεσης εικόνων τέτοιος Ewww Optimizer Image, Smush αυτόκαι Εικονίστε το Εργαλείο βελτιστοποίησης εικόνας.

Αν θέλετε να αυτοματοποιήσετε τη συμπίεση εικόνας για νέες μεταφορτώσεις, τότε το EWWW Image Optimizer είναι το plugin για εσάς. Κατά την εγκατάσταση του plugin, κάθε εικόνα που ανεβάζετε θα συμπιεστεί αυτόματα. Μπορείτε επίσης να αποκτήσετε πρόσβαση σε ρυθμίσεις, όπως επίπεδα βελτιστοποίησης, αυτόματη αλλαγή μεγέθους κ.ο.κ.

ewww

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

screenshot-1

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

screenshot-1-2

Εναλλακτικά πρόσθετα συμπίεσης εικόνας

Το ImageRecycle είναι ένα plugin βελτιστοποίησης εικόνας που δεν έχει αξιολογηθεί για το WordPress. Λειτουργεί όπως και άλλοι που συμπιέζουν τις εικόνες χωρίς να επηρεάζουν την ποιότητα. Δεν είναι μόνο σε θέση να βελτιστοποιήσει τις εικόνες αλλά λειτουργεί και για τα αρχεία PDF.

Ο Tristan από το ImageRecyle εξηγεί τι τους κάνει διαφορετικούς από τους άλλους,

Το ImageRecycle είναι ένα αυτόματο εργαλείο βελτιστοποίησης εικόνας και PDF. Ο μοναδικός μας αλγόριθμος είναι σε θέση να συμπιέστε έως και 80% των εικόνων και των αρχείων PDF διατηρώντας παράλληλα την ίδια ποιότητα με το πρωτότυπο.

Τι κάνει την υπηρεσία μας πιο ελκυστική από τους ανταγωνιστές μας;

  • Εργαλείο συμπίεσης PDF υψηλού επιπέδου
  • Plugin για WordPress, Joomla, Magento, Shopify με πλήρη ενσωμάτωση API
  • Έχουμε διάφορες μορφές συμμετοχής (σταθερή ποσόστωση, μηνιαία ποσόστωση, μεγάλη ποσότητα ...) με τη χαμηλότερη τιμή στην αγορά
  • Με μία ιδιότητα μέλους μπορείτε να ρυθμίσετε πολλαπλούς λογαριασμούς για τους πελάτες σας
  • Φιλοξενούμε σε ένα ασφαλές διακομιστή 1 μήνα τις αρχικές σας εικόνες και μπορείτε να επαναφέρετε τα πρωτότυπα όταν θέλετε
  • Προσωπική υποστήριξη εισιτηρίων από έναν προγραμματιστή
  • Μια online βελτιστοποίηση πλήρους σελίδας που σαρώνει για όλα τα μέσα και συμπιέζει όλα σε ένα zip
  • Έχουμε ένα API για προσαρμοσμένη ενσωμάτωση

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

Συμπέρασμα

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

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

Σχετικά με τον Christopher Jan Benitez

Ο Christopher Jan Benitez είναι ένας επαγγελματίας ανεξάρτητος συγγραφέας που παρέχει στις μικρές επιχειρήσεις περιεχόμενο που εμπλέκει το κοινό τους και αυξάνει τη μετατροπή. Αν ψάχνετε για άρθρα υψηλής ποιότητας σχετικά με οτιδήποτε σχετίζεται με το ψηφιακό μάρκετινγκ, τότε είναι ο τύπος σας! Μη διστάσετε να του πείτε "hi" σε Facebook, Google+ και Twitter.