Crash test των γνωστότερων format εικόνας

[Subject to change]

«Format εικόνων. Ποίο είναι καλύτερο?»

Σταθερή απάντηση δεν υπάρχει. Το σωστό είναι: "Αναλόγως τις ανάγκες σας". Σε αυτό το κείμενο θα εξετάσουμε τις πιο δημοφιλείς μορφές εικόνας και θα ζυγίσουμε τα πλεονεκτήματα και τα μειονεκτήματα τους. Δεν θα εξετάσουμε layered και vector μορφές εικόνας καθώς ξεφεύγουν από το πλαίσιο του παρόντος άρθρου και από το target group του το οποίο δεν είναι οι έμπειροι χρήστες.

Πρίν αρχίσω θα ήθελα να δώσω κάποιους «ορισμούς» ώστε οι αρχάριοι χρήστες να καταλάβουν το υπόλοιπο άρθρο:

• Ολική διαφάνεια: Η δυνατότητα σε μια εικόνα να υπάρχουν pixel που παίρνουν το χρώμα του φόντου στο οποίο τοποθετείται η εικόνα και δεν έχουν από πριν κάποιο καθορισμένο.
• Μερική διαφάνεια: Η δυνατότητα μια εικόνα να έχει pixels τα οποία είναι διαφανή κατα κάποιο καθορισμένο ποσοστό και έτσι συνδυάζονται με το χρώμα του φόντου αναλόγως με το ποσοστό της διαφάνειας χωρίς ωστόσο να παίρνουν ακριβώς αυτό το χρώμα (εκτός αν το ποσοστό ειναι 100% που πλέον μιλάμε για ολική διαφάνεια). Όπως καταλαβαίνετε όταν μια μορφη εικόνας υποστηρίζει μερική διαφάνεια πάντα υποστηρίζει και ολική διαφάνεια αφου η ολική διαφάνεια είναι ουσιαστικά μερική διαφάνεια με ποσοστό 100%.
• True color: Δυνατότητα μια εικόνα να έχει έως και 256³ διακεκριμένα χρώματα.

Λοιπόν έχουμε και λέμε:

• bitmap(*.bmp): Από τα παλιότερα και τα πιο δημοφιλή στους αρχάριους format εικόνας. Το μεγάλο του πλεονέκτημα είναι ότι δεν τροποποιεί καθόλου την εικόνα καθώς ούτε συμπίεση κάνει ούτε περιορισμό στο πλήθος χρωμάτων έχει. Ωστόσο έχει μερικά σοβαρά μειονεκτήματα. Πρώτον άμεση συνέπεια των προαναφερθέντων είναι ότι οι εικόνες έχουν πολύ μεγάλο μέγεθος αρχείου (συγκρινόμενο με άλλες μορφές) και δεύτερον δεν υποστηρίζει ούτε ολική ούτε μερική διαφάνεια. Τα 2 αλλά σοβαρά αυτά μειονεκτήματα το καθιστούν απαγορευτικό για χρήση στο web καθώς και για διάφορες άλλες χρήσεις.
• jpeg(*.jpg/*.jpeg): Πολύ δημοφιλής τύπος εικόνας στο internet καθώς το μεγάλο του πλεονέκτημα είναι το μικρό του μέγεθος, ακόμα και χωρίς να ρίξετε πολύ την ποιότητα της εικόνας. Ωστόσο αν συμπιέσετε πολύ την εικόνα για να πετύχετε πολύ μικρό μέγεθος αρχείου συνήθως η ποιότητα μειώνεται δραματικά. Επίσης ένα μεγάλο μειονέκτημα είναι ότι ούτε αυτό υποστηρίζει μερική ή έστω ολική διαφάνεια.
• gif(*.gif): Επίσης πολύ δημοφιλής τύπος εικόνας στο internet καθώς δεν έχει μεγάλο μέγεθος και επίσης υποστηρίζει ολική διαφάνεια (αλλά όχι μερική). Το μεγάλο του ελάττωμα είναι ότι υποστηρίζει μόνο 256 χρώματα στις εικόνες. Αυτό δεν σημαίνει –όπως πολλοί νομίζουν- ότι υπάρχει μια στάνταρ παλέτα 256 χρωμάτων και πρέπει τα χρώματα της εικόνας να ανήκουν εκεί αλλά ότι το συνολικό πλήθος διαφορετικών χρωμάτων που υπάρχουν στην εικόνα να μην υπερβαίνει τα 256 σε αριθμό. Εάν η εικόνα που αποθηκεύετε σαν gif έχει περισσότερα από 256 χρώματα τότε μερικά από αυτά θα μετατραπούν σε παρόμοια και συνήθως το πρόγραμμα που χρησιμοποιείτε θα σας προειδοποιήσει ότι μπορεί να χαθούν χρωματικές πληροφορίες. Σημειώστε ότι δεδομένου ότι υπάρχουν μόνο 256 αποχρώσεις του γκρι όποια ασπρόμαυρη (grayscale) εικόνα αποθηκεύσετε σαν gif θα παραμείνει ίδια χωρίς απώλεια χρωματικών πληροφοριών. Ωστόσο υπάρχει ένας πολύ σημαντικός λόγος που είναι ακόμα τόσο δημοφιλής: Με τη μορφή αυτή μπορεί να φτιάξει κανείς μικρά animation όπου εναλλάσονται εικόνες αυτής της μορφής δημιουργώντας την αίσθηση της κίνησης και μάλιστα σε χρονικά διαστήματα που εκείνος καθορίζει!
• png(*.png): Η καλύτερη στο είδος της μορφή εικόνας. Δημιουργήθηκε για να καλύψει τις ελλείψεις του gif και προσωπικά πιστεύω ότι τα κατάφερε. Αφενός μεν υποστηρίζει true color αφετέρου εκτός από ολική υποστηρίζει και μερική διαφάνεια και το μέγεθος τους δεν είναι απαγορευτικό. Ο λόγος που δεν έχει επικρατήσει στον ιστό, αν και είναι ιδανικό για ιστοσελίδες, είναι ότι μερικοί φυλλομετρητές (browsers) δεν το υποστηρίζουν και το εμφανίζουν λανθασμένα (πχ ο Internet Explorer πριν την έκδοση 7) όταν περιέχει pixels με ολική ή μερική διαφάνεια. Ο μόνος τομέας που η μορφή gif υπερτερεί έναντι των png είναι το animation, που τα png δεν υποστηρίζουν.
• ico(*.ico): Μορφή εικόνας όχι και τόσο δημοφιλής για μεγάλες εικόνες αλλά βασικότατη για ορισμένες χρήσεις (ειδικά στα Windows) καθώς δεν υπάρχει άλλη μορφή με τα χαρακτηριστικά της ico. Κατʼαρχάς υποστηρίζει έως και true color και μερική-ολική διαφάνεια. Το μεγάλο της όμως πλεονέκτημα έναντι άλλων μορφών είναι ότι μέσα σε ένα αρχείο ico μπορούν να περιέχονται πολλές διαφορετικές εικόνες, διαφόρων μεγεθών και πλήθους χρωμάτων. Γιʼαυτό και χρησιμοποιείται για εικονίδια. Αναλόγως την χρήση το λειτουργικό σύστημα «διαλέγει» μία από τις εικόνες και την εμφανίζει στο επιθυμητό μέγεθος και πλήθος χρωμάτων. Πχ τα εικονίδια που έχουν τα Windows XP συνήθως έχουν το καθένα «εκδόσεις» σε 16x16, 24x24, 32x32 και 48x48 pixels και το καθένα από αυτά υπάρχει σε 16 χρώματα, 256 χρώματα και true color! Ωστόσο σε μέγεθος είναι περίπου ίσα με τη μορφή bitmap και αυτός είναι ο λόγος που δεν έχει επικρατήσει για άλλες χρήσεις παρά μόνο για –σχετικά- μικρές εικόνες.

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[Rattlehead]

Επίσης βασικός λόγος που το gif παραμένει στο προσκήνειο είναι το γεγονός ότι είναι η μοναδική στο μεγεθός της μορφή εικόνας η οποία μπορεί να είναι κινούμενη (με εικόνες -κατά προτίμιση όχι πολλές- οι οποίες εναλλάσσονται σε χρονικά διαστήματα που μπορούμε να ορίσουμε)

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[Subject to change]

Επίσης βασικός λόγος που το gif παραμένει στο προσκήνειο είναι το γεγονός ότι είναι η μοναδική στο μεγεθός της μορφή εικόνας η οποία μπορεί να είναι κινούμενη (με εικόνες -κατά προτίμιση όχι πολλές- οι οποίες εναλλάσσονται σε χρονικά διαστήματα που μπορούμε να ορίσουμε)

Πώς το ξέχασα αυτό που να με πάρει???? Πάω να κάνω edit!

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[gademis]

Ο βασικός λόγος για τη δημιουργεία του png ηταν το γεγονός οτι το gif ειναι της compuserve. Θεωρητικά όποιος φτιαχνει gif parser πρεπει να τα σκάει για license. Σύμφωνα με την πεποιθηση οτι η πληροφορία στον ιστό πρέπει να διαδίδεται σε ανοιχτά formats κανανε το png που είναι patent free.

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[Subject to change]

Ο βασικός λόγος για τη δημιουργεία του png ηταν το γεγονός οτι το gif ειναι της compuserve. Θεωρητικά όποιος φτιαχνει gif parser πρεπει να τα σκάει για license. Σύμφωνα με την πεποιθηση οτι η πληροφορία στον ιστό πρέπει να διαδίδεται σε ανοιχτά formats κανανε το png που είναι patent free.

Ναι αλλά σκέψου τι τέλεια θα ήταν να είχαν όλοι οι browsers υποστήριξη για png και να μην παιδέυσαι με τα 256 χρώματα του gif! Axxx πανέμορφο θα ήταν το steki...

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[S1RHC]

Ναι αλλά σκέψου τι τέλεια θα ήταν να είχαν όλοι οι browsers υποστήριξη για png και να μην παιδέυσαι με τα 256 χρώματα του gif! Axxx πανέμορφο θα ήταν το steki...

Ποιοί browsers δεν το υποστηρίζουν;

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[iJohnnyCash]

Ποιοί browsers δεν το υποστηρίζουν;

Ιnternet Explorer 1,2,3,4,5,6 χωρίς sp2 όμως το τελευταίο

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[Subject to change]

Και για να σου απαντήσω πληρέστερα (αν και με κάλυψε αρκετά ο Expsoed), δεν είναι οτι δεν εμφανίζουν την εικόνα καθόλου, με τα μερικώς ή ολικώς διαφανή πίξελ έχουν πρόβλημα!

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[S1RHC]

Μα καλά υπάρχει ανθρωπος που χρησιμοποιεί IE? Opera - Firefox rulez

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.

[Subject to change]

Μα καλά υπάρχει ανθρωπος που χρησιμοποιεί IE? Opera - Firefox rulez

Αν πας να κάνεις σελίδα με αυτή τη λογική...την πάτησες! δεν μπορούμε να επιβάλλουμε στους επισκέπτες της όποιας σελίδας να χρησιμοποιούν μόνο τους browsers που αρέσουν σε εμάς, πόσο μάλλον με επιχειρήματα του στύλ "firefox rulez".
Και όχι firefox doesn't rule. In fact none of them "rulez". Όλοι οι browsers έχουν και πλεονεκτήματα και ελαττώματα. Αλλα νομίζω οτι ξεφεύγουμε απο το θέμα...

 

Σημείωση: Το μήνυμα αυτό γράφτηκε 19 χρόνια πριν. Ο συντάκτης του πιθανόν να έχει αλλάξει απόψεις έκτοτε.