Μάθετε να αλλάζετε τις εικόνες στο Web
Οι εικόνες ιστού καταλαμβάνουν το μεγαλύτερο μέρος του χρόνου λήψης στις περισσότερες ιστοσελίδες. Αλλά αν βελτιστοποιήσετε τις εικόνες σας στον ιστό, θα έχετε έναν πιο γρήγορο ιστοχώρο φόρτωσης. Υπάρχουν πολλοί τρόποι βελτιστοποίησης μιας ιστοσελίδας. Ο μόνος τρόπος που θα βελτιώσει την ταχύτητά σας είναι να κάνετε τα γραφικά σας όσο το δυνατόν μικρότερα.
Ένας καλός κανόνας είναι να προσπαθήσετε να κρατήσετε μεμονωμένες εικόνες όχι μεγαλύτερες από 12KB και το συνολικό μέγεθος της ιστοσελίδας σας, συμπεριλαμβανομένων όλων των εικόνων, HTML, CSS και JavaScript, δεν πρέπει να υπερβαίνει τα 100KB και το μέγιστο δεν υπερβαίνει τα 50KB.
Για να κάνετε τα γραφικά σας όσο το δυνατόν μικρότερα, πρέπει να έχετε λογισμικό γραφικών για να επεξεργαστείτε τις εικόνες σας. Μπορείτε να πάρετε έναν επεξεργαστή γραφικών ή να χρησιμοποιήσετε ένα ηλεκτρονικό εργαλείο όπως το Photoshop Express Editor .
Ακολουθούν μερικές συμβουλές για την αξιολόγηση των εικόνων σας και τη μικρότερη χρήση τους:
Είναι η εικόνα στη σωστή μορφή;
Υπάρχουν μόνο τρεις μορφές εικόνας για τον ιστό : GIF, JPG και PNG. Και ο καθένας έχει ένα συγκεκριμένο σκοπό.
- GIF -Χρησιμοποιήστε τη μορφή GIF για επίπεδες έγχρωμες εικόνες. Αυτές είναι εικόνες με μερικά μόνο χρώματα.
- JPG- Χρησιμοποιήστε τη μορφή JPG για φωτογραφικές εικόνες. Αυτές είναι εικόνες με εκατομμύρια χρώματα.
- PNG - Χρησιμοποιήστε τη μορφή PNG εάν δεν χρειάζεστε τις εικόνες σας για προβολή σε κινητές συσκευές. Είναι καλά τόσο για επίπεδη όσο και για φωτογραφικές εικόνες. Είναι καλύτερο να αποθηκεύσετε τις εικόνες σας τόσο ως PNG όσο και ως JPG ή GIF και στη συνέχεια να χρησιμοποιήσετε την μικρότερη έκδοση.
Ποιες είναι οι διαστάσεις της εικόνας;
Ένας εύκολος τρόπος για να κάνετε τις εικόνες σας μικρότερες είναι να κάνετε ακριβώς αυτό, να τις κάνετε μικρότερες. Οι περισσότερες φωτογραφικές μηχανές λαμβάνουν φωτογραφίες που είναι πολύ μεγαλύτερες από ό, τι μπορεί να εμφανίσει η μέση ιστοσελίδα. Αλλάζοντας τις διαστάσεις κάπου γύρω στα 500 x 500 εικονοστοιχεία ή μικρότερες, θα δημιουργήσετε μια μικρότερη εικόνα.
Η εικόνα περικόπτεται;
Το επόμενο πράγμα που πρέπει να κάνετε είναι να βεβαιωθείτε ότι η εικόνα είναι περικομμένη όσο πιο σφιχτά μπορείτε. Όσο περισσότερο αποκόπτετε την εικόνα τόσο μικρότερος θα είναι. Η περικοπή βοηθά επίσης να ορίσετε το θέμα της εικόνας αφαιρώντας τα εξωτερικά φόντα.
Πόσα χρώματα χρησιμοποιεί το GIF σας;
Τα GIF είναι επίπεδες έγχρωμες εικόνες και περιλαμβάνουν ένα ευρετήριο των χρωμάτων που υπάρχουν στην εικόνα. Ωστόσο, ένας δείκτης GIF μπορεί να περιλαμβάνει περισσότερα χρώματα από αυτά που εμφανίζονται στην πραγματικότητα. Μειώνοντας το ευρετήριο μόνο στα χρώματα της εικόνας, μπορείτε να μειώσετε το μέγεθος του αρχείου .
Ποια ποιοτική ρύθμιση είναι η ρύθμιση JPG σας;
Τα JPGs έχουν μια ρύθμιση ποιότητας από 100% έως 0%. Όσο μικρότερη είναι η ρύθμιση ποιότητας, τόσο μικρότερο θα είναι το αρχείο. Αλλά πρόσεχε. Η ποιότητα επηρεάζει τον τρόπο εμφάνισης της εικόνας. Έτσι επιλέξτε μια ρύθμιση ποιότητας που δεν είναι πολύ άσχημη, διατηρώντας παράλληλα το μέγεθος του αρχείου χαμηλό.