多媒体教程 - GIF 图像

Το GIF είναι ένα από τα κύρια μορφότυπα εικόνας που χρησιμοποιούνται στο Web.

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

Επινοήστε το μορφότυπο εικόνας

Και το HTML και το XHTML δεν ορίζουν το επίσημο μορφότυπο εικόνας. Ωστόσο, οι δημοφιλείς περιηγητές έχουν ορίσει συγκεκριμένα μορφότυπα εικόνας: συνήθως είναι το GIF και το JPEG. Οι περισσότερες μορφές πολυμέσων απαιτούν ειδικές εφαρμογές υποστήριξης, και οι χρήστες κάθε περιηγητή πρέπει να αποκτήσουν, να εγκαταστήσουν και να χειριστούν σωστά αυτές τις εφαρμογές για να δουν ή να ακούσουν αυτά τα ειδικά αρχεία. Επομένως, το GIF και το JPEG έχουν γίνει τα πραγματικά πρότυπα στο Web.

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

GIF

Το μορφότυπο GIF αναφέρεται στο μορφότυπο ανταλλαγής εικόνων (Graphics Interchange Format, GIF), το οποίο αναπτύχθηκε αρχικά από το CompuServe για την μεταφορά εικόνων στους χρήστες των υπηρεσιών του.

Χαρακτηριστικά του μορφώματος GIF

Το μορφότυπο GIF έχει πολλά χαρακτηριστικά, γι 'αυτό είναι πολύ διαδεδομένο στο HTML/XHTML.

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

Επιπλέον, οι εικόνες GIF είναι πολύ εύκολες να υλοποιήσουν την ενέργεια της κίνησης.

Εκδόσεις και χρώματα του μορφότυπου GIF

Αν και οι εικόνες GIF αρχείων χρησιμοποιούν το .gif (ή .GIF) ως επέκταση ονόματος αρχείου, υπάρχουν δύο εκδόσεις GIF: το αρχικό GIF87 και το GIF89a, το οποίο υποστηρίζει πολλές νέες λειτουργίες, όπως διαφάνεια φόντου, ανταλλαγή δεδομένων και κινούμενη εικόνα, αυτές οι λειτουργίες είναι πολύ δημοφιλείς στους δημιουργούς του Διαδικτύου.

Τώρα, οι δημοφιλείς διαχειριστές ιστού υποστηρίζουν και τα δύο μορφότυπα GIF, και τα δύο χρησιμοποιούν τον ίδιο τρόπο για να μετατρέψουν τους 8-bit values των pixel σε μια λίστα χρωμάτων, ώστε κάθε εικόνα να μπορεί να έχει μέχρι 256 χρώματα.

Ο αριθμός των πραγματικών χρωμάτων των περισσότερων εικόνων GIF είναι μικρότερος, και με ειδικά εργαλεία (όπως το Macromedia Fireworks) μπορεί να απλοποιηθούν αυτά τα χρώματα σε πιο λεπτομερείς εικόνες. Με την απλοποίηση των χρωμάτων, μπορεί να δημιουργηθεί μικρότερη εικόνα χρωμάτων και να ενισχυθεί η περιττή πυκνότητα των pixel, ώστε να μειωθεί η συνολική πίεση του αρχείου και να επιταχυνθεί η ταχύτητα λήψης.

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

Καθ' όλη τη διάρκεια, οι επιλεκτικοί δημιουργοί θα επιλέξουν το GIF

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

Τεχνικές των εικόνων GIF

Οι εικόνες GIF έχουν τρία ειδικά τεχνικά: διαδρομή των ουρανών (interlacing), διαφάνεια (transparency) και κινούμενη εικόνα (animation).

Διαδρομή των ουρανών

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

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

Διαφάνεια

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

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

Μια κακή πτυχή της διαφάνειας των εικόνων GIF είναι ότι αν την περιλαμβάνετε σε μια σύνδεση anchor (tag <a>) χωρίς να αφαιρέσετε τα περίβλημα ή να την περιβάλλετε με ένα πλαίσιο, φαίνεται πολύ κακή. Επιπλέον, το άλλο περιεχόμενο εμφανίζεται γύρω από την ορθογώνια κλίμακα της εικόνας, αντί να πλησιάζει την αδιαφανή κλίμακα της εικόνας. Αυτό έχει ως αποτέλεσμα να αναγκάζεται η εικόνα να είναι απομονωμένη ή να κάνει την ιστοσελίδα να φαίνεται παράξενη.

Ανίμεισις

Η τρίτη μοναδική χαρακτηριστική της μορφής GIF89a εικόνας είναι ότι μπορεί να επιτύχει απλή διαδραστική εικόνα καρέ-καρέ. Με τη χρήση ειδικών εργαλείων λογισμικού GIF αニμέι션, μπορεί να τοποθετηθούν μια σειρά από εικόνες GIF σε ένα μοναδικό αρχείο GIF89a. Ο περιηγητής θα εμφανίσει αναδρομικά κάθε εικόνα του αρχείου, όπως τα μικρά βιβλία που παίζαμε (ή ακόμα και ζωγραφίζαμε) ως παιδιά, που δημιουργούν την εντύπωση κινήσεων μέσω γρήγορης στροφής των σελίδων. Στις εικόνες GIF, κάθε εικόνα έχει ειδική ελεγχόμενη ενότητα που μπορεί να χρησιμοποιηθεί για να ρυθμίσει τον αριθμό των φορών που ο περιηγητής εμφανίζει την ολόκληρη σειρά (κυκλική), τον χρόνο που σταματά μεταξύ δύο εικόνων, και αν πρέπει να αφαιρεθεί το χώρο της εικόνας από το φόντο πριν εμφανιστεί η επόμενη εικόνα, κ.λπ. Συνολικά, συνδυάζοντας αυτές τις λειτουργίες με τις συνήθεις λειτουργίες του GIF (συμπεριλαμβανομένων του διακριτικού χρωματικού πίνακα, της διαφάνειας, της στερεοσκοπικής σάρωσης κ.λπ.), μπορεί να δημιουργηθούν πολύ ελκυστικές και εξαιρετικά λεπτομερείς εικόνες.

简单的 GIF 动画之所以具有强大的效果，还有另外一个重要的原因：不需要特地为 HTML 文档编写程序就可以获得动画效果。但它也有一个非常大的毛病，那就是它局限在一些象图标大小般很小的图形中，或者是只占据浏览器窗口中很窄一条的图形当中：即使你非常谨慎地没有在连续的动画单元中重复静态部分，GIF 动画也是非常容易变得很大。这样，如果文档中包含了多个动画，那么下载这些图像的拖延时间可能会令用户非常反感。如果说有什么特性值得我们非常小心仔细地对待而不至于滥用的话，那就是 GIF 动画。

总结

GIF 的所有技巧 - 隔行扫描、透明性和动画 - 都不是随随便便就可以获得的，它们都需要特殊的软件来准备这些 GIF 文件。现在很多图像软件都可以把用户创建的或者从外部获得的图像保存为 GIF 格式，而且大多数都支持透明效果，还可以实现 GIF 文件的隔行扫描效果。还有非常多专门为这些需要而设计的大量共享软件或免费软件，包括实现 GIF 动画的软件程序等。