Πώς να μειώσετε το μέγεθος της εικόνας για τους ιστότοπούς σας (χωρίς να χάσετε την ποιότητα)

Ενημερώθηκε: 2022-04-25 / Άρθρο από: Jason Chow

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

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

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

1. Χρήση προγράμματος επεξεργασίας εικόνας

Βαφή MS

Ο πιο απλός τρόπος για να μειώσετε το μέγεθος της εικόνας είναι να χρησιμοποιήσετε ένα εργαλείο όπως το Microsoft Paint (ή GIMP αν είσαι επάνω Linux). Κατέβασα ένα σχετικά μεγάλο αρχείο στην παραπάνω εικόνα, αρχικά 3724 x 2400 pixels σε διάσταση. Χρειάστηκε 1.2 MB, το οποίο είναι σημαντικό για χρήση στο διαδίκτυο.

Ανοίγοντας το στο Microsoft Paint, άλλαξα το μέγεθός του σε πλάτος 1024 pixel με ανάλογη μείωση της κλίμακας σε ύψος. Αυτό είχε ως αποτέλεσμα μια εικόνα 1024 x 659 pixel σε μέγεθος μόνο 273 kb. Όπως μπορείτε να δείτε, η μείωση του μεγέθους της εικόνας αποθηκεύτηκε πάνω από πέντε φορές το αρχικό μέγεθος του αρχείου.

2. Χρήση συμπίεσης εικόνας

Συμπίεση εικόνας

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

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

Ορίζοντας ποιότητα εικόνας 70, μείωσα την σμίκρυνση της εικόνας από 274 kb σε λιγότερο από 80 kb. Θυμηθείτε, αυτό συγκρίνεται με το αρχικό μέγεθος εικόνας άνω του 1.2 MB.

3. Μετατροπή εικόνων σε άλλες μορφές

Οι εικόνες διατίθενται σε διάφορους τύπους, οι οποίοι επηρεάζουν την ποιότητα και το μέγεθός τους. Για παράδειγμα, η ίδια εικόνα σε JPG θα μπορούσε να είναι σημαντικά μικρότερη από την ίδια σε μορφή BMP. Σήμερα, πολλοί ιστότοποι κινούνται προς μορφές εικόνας επόμενης γενιάς όπως το WebP.

Και πάλι, χρησιμοποιώντας ένα διαδικτυακό εργαλείο όπως Online Μετατροπή, μπορώ να αλλάξω γρήγορα την αρχική εικόνα λύκου από μορφή JPG σε WebP. Αυτή η αλλαγή είχε ως αποτέλεσμα μεγαλύτερη εξοικονόμηση μεγέθους, με το αρχείο WebP τώρα μόνο 28.7 kb. 

4. Χρησιμοποιήστε μια προσθήκη WordPress

Σκουπίστε

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

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

Τελική σκέψη για τη μείωση των μεγεθών της εικόνας

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

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

Διαβάστε περισσότερα:

Σχετικά με τον Jason Chow

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