Υπάρχουν 3 τύποι για αρχεία εικόνας που χρησιμοποιούνται στο internet και πιο ειδικά στις ιστοσελίδες. Είναι και οι 3 τύποι συμπιεσμένα αρχεία ως προς το μέγεθος και αυτός είναι ο βασικός λόγος που είναι κατάλληλα για χρήση στο διαδίκτυο.
Παλαιότερα οι εικόνες στο διαδίκτυο, όταν οι συνδέσεις ήταν πολύ αργές, φόρτωναν αργά και βασανιστικά. Ο χρόνος φόρτωσης μιας σελίδας ακόμη και σήμερα κάνει επιτακτική την χρήση εικόνων όσο το δυνατόν μικρότερου μεγέθους. Οι εικόνες με κατάληξη JPG , GIF και PNG είναι εκείνες που συναντούμε σήμερα στις ιστοσελίδες και παρακάτω θα εξετάσουμε με παραδείγματα ποια είναι τα πλεονεκτήματα κάθε τύπου και πότε «βολεύει» η χρήση τους.
Το βασικό κριτήριο είναι το τελικό μέγεθος του αρχείου, αλλά υπάρχουν και άλλα χαρακτηριστικά που κάνουν την επιλογή μας πιο ξεκάθαρη.
Οι παραπάνω εικόνες μοιάζουν να είναι οι ίδιες. Δεν είναι έτσι όμως, κάθε μία είναι αρχείο εικόνας διαφορετικού τύπου.
Εικόνες .JPG ( Joint Photographic Experts Group )
Κατάλληλος τύπος αρχείου για αποθήκευση φωτογραφιών ή εικόνων που αποτελούνται από πολλά χρώματα. Χρησιμοποιεί πολύπλοκο αλγόριθμο συμπίεσης που επιτρέπει διαβαθμισμένα να μικραίνει το μέγεθος του αρχείου με την ανάλογη ( μικρή ) απώλεια στην ποιότητα της εικόνας.
Δεν είναι κατάλληλο για γραφικά, banner, εικόνες με κείμενο ή ξεκάθαρα σχήματα αφού η μικρή κατά τα άλλα απώλεια θα φαίνεται έντονα στα όρια των γραμμών και της εναλλαγής σχημάτων. Προγράμματα όπως το Adobe Photoshop μπορούν εύκολα να παράγουν το αρχείο που θέλουμε.
Παραδείγματα φωτογραφιών 100 – 60 – 20
Η διαφορά στην ποιότητα δεν είναι τόσο μεγάλη όσο η διαφορά στο μέγεθος
Η αποθήκευση φωτογραφιών σε αρχείο JPG είναι μονόδρομος όταν πρόκειται να γίνει αποστολή μέσω email. Αν και οι κοινές φωτογραφικές μηχανές αποθηκεύουν αμέσως τις φωτογραφίες σε αυτή την μορφή, τα αρχεία τους έχουν πολύ μεγάλο μέγεθος και ελάχιστες επισυνάψεις στο ηλεκτρονικό ταχυδρομείο μπλοκάρουν την αποστολή αφού έχει ξεπεραστεί το μέγιστο όριο σε μέγεθος. Πιστεύω πως αυτό είναι ένα πολύ κοινό πρόβλημα που οι πιο πολλοί έχουν συναντήσει όταν τους ζητάνε οι συγγενείς τους φωτογραφίες μέσω email. Περισσότερες πληροφορίες για το πώς μικραίνει το μέγεθος των φωτογραφιών για αποστολή μέσω email μπορείτε να διαβάσετε στο μάθημα με τίτλο «Βελτιστοποίηση φωτογραφιών για αποστολή μέσω email».
Εικόνες .GIF ( Graphics Interchange Format )
Χρησιμοποιείστε αρχεία GIF όταν η εικόνα αποτελείται από ευδιάκριτα σχήματα και έχει λίγα χρώματα. Έτσι και αλλιώς τα αρχεία GIF υποστηρίζουν μέχρι 256 χρώματα. Από αυτό το στοιχείο και μόνο καταλαβαίνουμε πως δεν είναι κατάλληλα αρχεία για φωτογραφίες. Επίσης ένας άλλος λόγος είναι ότι οι φωτογραφίες έχουν πολλά ( άπειρα ) πιθανά χρώματα και αποχρώσεις ενώ δεν έχουν ευδιάκριτα σχήματα. Συμπερασματικά λοιπόν προκύπτει πως μια φωτογραφία δεν πρέπει να αποθηκευτεί ως αρχείο GIF. Ένα άλλο γραφικό όμως π.χ. ένα διαφημιστικό banner το οποίο είναι απλό και έχει ένα απλό φόντο και ένα κείμενο θα έχει μικρότερο μέγεθος ως αρχείο GIF. Ο αλγόριθμος συμπιέσεως είναι πολύ απλός, όταν όμως συναντήσει μια μικρή παλέτα από χρώματα γίνεται πολύ αποδοτικός. Μια φωτογραφία αποθηκευμένη σε GIF θα έχει άσχημη εικόνα, θα χάσει την λεπτομέρεια και δείχνει κάπως έτσι.
Το βασικό χαρακτηριστικό – πλεονέκτημα των αρχείων GIF δεν είναι το μέγεθος. Μπορεί να συνδυάσει – συμπεριλάβει περισσότερες των 1 εικόνες και να δημιουργήσει αυτό που λέγεται animated GIF , δηλαδή μια κινούμενη εικόνα. Όλοι έχουν δει στο διαδίκτυο εικόνες που κινούνται ή εναλλάσσονται πιο σωστά. Ένα τρόπος για να δημιουργηθούν είναι τα προγράμματα που παράγουν animated GIF αρχεία.
Οι εικόνες GIF υποστηρίζουν και την διαφάνεια ( transparency ) . Δηλαδή ένα μέρος της εικόνας να μην έχει περιεχόμενο και στην θέση του να φαίνεται ότι υπάρχει από πίσω.
Εικόνες .PNG ( Portable Network Graphics )
Οι εικόνες PNG αναπτύχθηκαν με σκοπό παρόμοιο με αυτόν των αρχείων GIF. Έχουν μικρό μέγεθος σε ξεκάθαρα σχήματα, δεν είναι κατάλληλη μορφή για αποθήκευση φωτογραφιών αλλά υπερτερούν όσον αφορά την δυνατότητα της διαφάνειας. Η δυνατότητα των αρχείων GIF για τέλεια αποτύπωση διαφανών εικόνων είναι περιορισμένη ενώ αντίστοιχα το αποτέλεσμα με την χρήση των αρχείων PNG μπορεί να είναι τέλειο. Άρα το δυνατό σημείο των αρχείων PNG είναι η ικανότητα στον τομέα της διαφάνειας ( transparency ).
Συμπερασματικά
Ένας γρήγορος οδηγός επιλογής, τουλάχιστον εγώ έτσι επιλέγω χωρίς ιδιαίτερη σκέψη, είναι ο παρακάτω :
- Τις φωτογραφίες τις αποθηκεύουμε ως αρχεία JPG.
- Τα απλά γραφικά όπως διαφημιστικά banner κτλ. αποθηκεύονται ως αρχεία GIF.
- Αν το αρχείο πρέπει να έχει διαφάνεια, όπως για παράδειγμα ένα λογότυπο μιας εταιρίας του οποίου το σχήμα είναι ακαθόριστο, χρησιμοποιούμε την επέκταση PNG.
* Για να φτιάξουμε μια κινούμενη εικόνα μπορούμε να συνδυάσουμε πολλές εικόνες και γραφικά ίδιων διαστάσεων. Για παράδειγμα 5 εικόνες JPG μπορούν να γίνουν μια κινούμενη εικόνα GIF.
Περισσότερες πληροφορίες :
