Βελτιστοποιήστε και συμπιέσετε τις εικόνες σε απευθείας σύνδεση με το SmushIt

Διαφήμιση

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

Εάν αναρωτιέστε γιατί η μείωση του μεγέθους των εικόνων σας μπορεί να βοηθήσει στην απόδοση του site, κατά βάση το μεγαλύτερο μέγεθος των εικόνων σας, τόσο πιο αργή χρειάζεται για να φορτώσει ο διακομιστής και η υψηλότερη πιθανότητα να καταρρεύσει ο διακομιστής σας όταν αντιμετωπίσετε μια ακίδα επισκεψιμότητας (όπως φτάνετε στο Digg μπροστά σελίδα). Επιπλέον, εάν φιλοξενείτε τις εικόνες σας σε έναν ιστότοπο τρίτου μέρους, όπως το Amazon S3, έχοντας μια μικρότερη εικόνα σημαίνει επίσης μικρότερο κόστος, καθώς η χρέωση βασίζεται στο χρησιμοποιούμενο εύρος ζώνης και αποθηκευτικό χώρο.

Πώς να συμπιέσετε τις εικόνες σε απευθείας σύνδεση με SmushIt

Smush.it [Διακεκομμένη διεύθυνση URL καταργημένη] είναι μια υπηρεσία που αναπτύχθηκε από το

Ομάδα εξαιρετικής απόδοσης της Yahoo, με στόχο τη βελτίωση της απόδοσης του ιστότοπού σας. Αυτό που κάνει το SmushIt είναι να αφαιρέσει όλα τα μεταδεδομένα από τις εικόνες και να τα συμπιέσει χρησιμοποιώντας έναν αλγόριθμο βελτιστοποίησης που όχι μόνο θα μειώσει το μέγεθος αλλά και θα διατηρήσει την οπτική ποιότητα. Όταν το χρησιμοποίησα για πρώτη φορά, ήμουν έκπληκτος να δω μείωση κατά 30% του μεγέθους της εικόνας που έχω βελτιστοποιήσει στο Photoshop. Τις περισσότερες φορές που χρησιμοποιώ Smushit, είναι σε θέση να ξυρίσει 10-50%, περιστασιακά 80% από το μέγεθος της εικόνας.

Υπάρχουν διάφοροι τρόποι με τους οποίους μπορείτε να χρησιμοποιήσετε το Smush για να βελτιστοποιήσετε τις εικόνες online.

Μεταφορτώστε την εικόνα σας

Αν έχετε κάποιες εικόνες στον υπολογιστή σας που θέλετε να βελτιστοποιήσετε, μπορείτε εύκολα να ανεβάσετε τις εικόνες σας στο Smushit μέσω του μεταφορτώτη στο χώρο [Broken URL Removed]. Δεν υπάρχει όριο στον αριθμό των εικόνων που μπορείτε να ανεβάσετε, αλλά έχετε κατά νου ότι όσο περισσότερο ανεβάζετε, τόσο πιο αργή είναι.

Διεύθυνση URL εικόνας

Αντί να ανεβάζετε, μπορείτε επίσης να τοποθετήσετε το Smushit σε μια διεύθυνση URL ιστού (για παράδειγμα, τον ιστότοπό σας) και να το αναλύσετε και να βελτιστοποιήσετε όλες τις εικόνες αυτής της διεύθυνσης URL.

Επέκταση του Firefox

Αυτό είναι μακράν ο αγαπημένος μου τρόπος να χρησιμοποιώ το Smushit. Αν χρησιμοποιείτε το πρόγραμμα περιήγησης Firefox, μπορείτε να εγκαταστήσετε την επέκταση του Smushit Firefox [Broken URL Removed] και να έχετε γρήγορη πρόσβαση σε αυτό οποιαδήποτε στιγμή, οπουδήποτε. Όταν βρίσκεστε σε μια ιστοσελίδα (ίσως όταν κάνετε προεπισκόπηση του άρθρου σας μετά την δημοσίευση στον ιστότοπό σας) και θέλετε να βελτιστοποιήσετε το εικόνες σε αυτήν τη σελίδα, απλά κάντε κλικ στο εικονίδιο SmushIt στη γραμμή κατάστασης και θα αναλύσει και θα βελτιστοποιήσει όλες τις εικόνες σε αυτό σελίδα.

Εναλλακτική λύση για την επέκταση του Firefox είναι το σελιδοδείκτη που μπορείτε να τοποθετήσετε στη γραμμή σελιδοδεικτών σας.

Το αποτέλεσμα

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

WordPress Plugin

Ένα άλλο πράγμα, αν χρησιμοποιείτε WordPress, υπάρχει επίσης ένα Smushit plugin που μπορείτε να χρησιμοποιήσετε. Αφού ενεργοποιήσετε την προσθήκη, όλες οι εικόνες που μεταφορτώνετε στον ιστότοπό σας θα προβάλλονται αυτόματα μέσω του SmushIt πίσω από τη σκηνή. Δεν υπάρχει τίποτα επιπλέον που πρέπει να κάνετε. Εναλλακτικά, μπορείτε να μεταβείτε στη βιβλιοθήκη πολυμέσων σας στο WordPress και να επεξεργαστείτε τις υπάρχουσες εικόνες σας με το SmushIt.

Έχετε δοκιμάσει το SmushIt για να βελτιστοποιήσετε και να συμπιέσετε τις εικόνες; Είναι χρήσιμο για εσάς; Μοιραστείτε μαζί μας στα σχόλια.