Διαφήμιση
Οι εικόνες αποτελούν αναπόσπαστο μέρος του διαδικτύου αυτές τις μέρες. Και όπως αποδεικνύεται, οι εικόνες είναι ένας από τους πιο συνηθισμένους λόγους αργών χρόνων φόρτωσης σελίδας. Με την πρόσβαση πολλών κινητών συσκευών στο Διαδίκτυο και τις πρόσφατες ενδείξεις ότι η ταχύτητα φόρτωσης του ιστότοπού σας θα επηρεάσει την κατάταξή της στο Google, σίγουρα θα θέλατε να καταργήσετε αυτήν τη συμφόρηση.
Ένας από τους τρόπους βελτιστοποίησης φωτογραφιών για τον Ιστό είναι η χρήση CSS sprites. Τα sprite λειτουργούν καλύτερα για εικόνες που χρησιμοποιούνται μέσα στην πλοήγηση ή άλλα στοιχεία του ιστότοπου, οι οποίες θα παραμείνουν οι ίδιες λίγο πολύ. Η άλλη επιλογή είναι να βελτιστοποιήσετε το μέγεθος της εικόνας αλλάζοντας τον όγκο των πληροφοριών που περιέχονται στις εικόνες, συμπιέζοντάς τις και αφαιρώντας τυχόν περιττά μεταδεδομένα.
Ακολουθούν ορισμένες από τις επιλογές που μπορείτε να χρησιμοποιήσετε για τη βελτιστοποίηση εικόνων για τον Ιστό.
Χρησιμοποιήστε το πρόγραμμα επεξεργασίας εικόνας σας
Οι περισσότεροι επεξεργαστές εικόνων έχουν έναν ή περισσότερους τρόπους βελτιστοποίησης εικόνων για τον Ιστό. Το Photoshop και το GIMP σας επιτρέπουν να επιλέξετε την ποιότητα του αποθηκευμένου αρχείου που μπορεί να χρησιμοποιηθεί για τον έλεγχο του μεγέθους του αρχείου. Επιπλέον, το Photoshop προσφέρει επίσης ένα αποθήκευση για web χαρακτηριστικό, το οποίο όχι μόνο βελτιστοποιεί το μέγεθος, αλλά επίσης φροντίζει τα προφίλ χρωμάτων, έτσι ώστε τα χρώματα στις εικόνες σας να φαίνονται τα ίδια στην οθόνη με αυτά που σκοπεύετε.
Αναπτύχθηκε από το Yahoo, Smush. Αναλύει τη μορφή αρχείου του συγκεκριμένου αρχείου εικόνας που προσπαθείτε να βελτιστοποιήσετε και στη συνέχεια εφαρμόζει τις συγκεκριμένες βελτιστοποιήσεις για τη συγκεκριμένη μορφή εικόνας. Υπέροχο πράγμα για το Smush. Είναι ότι δεν αλλάζει την ποιότητα της εικόνας. Ανεβάζετε τις εικόνες που θέλετε να βελτιστοποιήσετε, Smush. Τα επεξεργάζεται και επιστρέφει τα αποτελέσματα σε ένα αρχείο zip με δυνατότητα λήψης.
Online Image Optimizer [Δεν διατίθεται πλέον]
Το Online Image Optimizer σάς επιτρέπει να ανεβάσετε μια εικόνα gif, jpg ή png 300KB ή λιγότερο και να τις βελτιστοποιήσετε. Απλώς επιλέξτε μια εικόνα από τον υπολογιστή σας, ανεβάστε την και το Online Image Optimizer θα κάνει τα υπόλοιπα για εσάς. Σας παρουσιάζει πολλές διαφορετικές εκδόσεις της εικόνας μαζί με το μέγεθος και την προαιρετική προεπισκόπηση. Ανάλογα με το σκοπό που χρησιμοποιείτε την εικόνα από εσάς μπορείτε να επιλέξετε από ένα σύνολο επιλογών. Υπάρχει εμφανής υποβάθμιση της ποιότητας της εικόνας στις εικόνες πολύ μικρού μεγέθους. Προαιρετικά, το Online Image Optimizer σάς δίνει επίσης την επιλογή να μετατρέψετε τη μορφή του αρχείου εικόνας σε ένα GIF, JPG ή PNG.
Θραυστήρας PNG
Το PNG Crusher είναι μια εφαρμογή Mac. Όπως υποδηλώνει το όνομα, ειδικεύεται στη βελτιστοποίηση αρχείων PNG. Η εφαρμογή σάς παρέχει ένα δοχείο των ειδών που σας επιτρέπει να μεταφέρετε και να αποθέτετε αρχεία PNG σε αυτό. Τα αρχεία στη συνέχεια συμπιέζονται χρησιμοποιώντας το OptiPNG ως το backend. Ο ιστότοπος σημειώνει ότι ορισμένα PNG είναι ήδη αρκετά βελτιστοποιημένα και ο θραυστήρας PNG δεν μπορεί να κάνει πολλά μαζί τους. Τα αρχεία PNG αντικαθίστανται με τις βελτιστοποιημένες εκδόσεις μόνο εάν τα συμπιεσμένα αρχεία είναι μικρότερα από τα αρχικά.
GIFWorks
Το GIFWorks εκτελεί διάφορες λειτουργίες σε αρχεία GIF. Μπορείτε να ανεβάσετε μια εικόνα από τον υπολογιστή σας ή να καθορίσετε μια διεύθυνση URL ιστού και, στη συνέχεια, να επεξεργαστείτε το αρχείο GIF, να προσθέσετε εφέ μετάβασης μεταξύ των πλαισίων καθώς και να βελτιστοποιήσετε την εικόνα GIF. Το GIFWorks σας παρέχει τρεις επιλογές για τη βελτιστοποίηση των εικόνων GIF για τον Ιστό, μπορείτε να μειώσετε τα χρώματα, Περιορίστε την παλέτα μόνο σε χρώματα που είναι ασφαλή στον ιστό ή διαχωρίστε τα καρέ για να διαλέξετε και να επιλέξετε ποια διατήρηση. Επιπλέον, το GIFWorks σας επιτρέπει επίσης να δημιουργήσετε κείμενο 3D από το μηδέν.
[ΟΧΙ ΜΕΓΑΛΕΣ ΕΡΓΑΣΙΕΣ] PunyPNG
Το PunyPNG σας επιτρέπει να βελτιστοποιήσετε τις εικόνες GIF, JPG και PNG για τον ιστό μετατρέποντάς τις σε συμπιεσμένα αρχεία PNG. Υπάρχει ελάχιστη ή καθόλου απώλεια ποιότητας κατά τη διαδικασία συμπίεσης και τα αποτελέσματα είναι εξαιρετικά. Ο ιστότοπος απαιτεί flash και έχει μέγιστο όριο μεγέθους αρχείου 350 KB.
Ποιες εφαρμογές χρησιμοποιείτε για τη βελτιστοποίηση εικόνων για τον Ιστό; Ενημερώστε μας για όλα αυτά στα σχόλια.
Είμαι ο Varun Kashyap από την Ινδία. Είμαι παθιασμένος με τους Υπολογιστές, τον Προγραμματισμό, το Διαδίκτυο και τις Τεχνολογίες που τους οδηγούν. Μου αρέσει ο προγραμματισμός και συχνά δουλεύω σε έργα σε Java, PHP, AJAX κ.λπ.