Εκπαιδευτικό Υλικό για Χρήση Εικόνων στο Διαδίκτυο

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

Πότε να χρησιμοποιήσετε εικόνες

Για την περισσότερη εικόνα, μια εικόνα μπορεί να υπερνικήσει χιλιάδες λέξεις. Παρ' όλα αυτά, πρέπει να σημειωθεί ότι κανείς δεν θα δώσει προσοχή σε αυτούς που μιλούν πολύ. Πρώτα από όλα και πιο σημαντικά, πρέπει να χρησιμοποιήσετε τις εικόνες του εγγράφου ως εργαλεία προβολής και όχι ως άσχετη διακόσμηση. Είναι σημαντικό να υποστηρίζουν το περιεχόμενο του κειμένου και να βοηθούν τον αναγνώστη να περιηγηθεί στο έγγραφο. Η χρήση εικόνων μπορεί να καθαρίσει το περιεχόμενο του εγγράφου και να προσθέσει σχόλια ή παραδείγματα. Φωτογραφίες προϊόντων, γραφήματα, γραμμές, χάρτες και σκίτσα είναι φυσικά και κατάλληλα επιλογές. Για παράδειγμα, οι φωτογραφίες προϊόντων είναι κρίσιμες για τις διαδικτυακές καταλόγους και τις οδηγίες αγοράς. Επίσης, οι εικονίδια με συνδέσμους και τα χαρακτηριστικά τυπογραφίας, συμπεριλαμβανομένων των εικονιδίων με κινούμενα γραφήματα, μπορούν να είναι πολύ αποτελεσματικοί οδηγοί για το περιεχόμενο ή εξωτερικούς πόρους. Αν μια εικόνα δεν παίζει κανένα από τα παραπάνω ρόλα, πρέπει να την απορρίψετε!

Όταν σκέφτεστε να προσθέσετε εικόνες στο έγγραφο, ένας άλλος σημαντικός παράγοντας είναι η καθυστέρηση που προκαλείται από την αναζήτηση通过网络, ιδιαίτερα μέσω μοδέματος, κατά την μεταφορά του εγγράφου. Είναι δυνατό να περιέχει ένα συνηθισμένο έγγραφο μέχρι και 10-15 χιλιάδες字节, ενώ μια εικόνα μπορεί να φτάσει εύκολα σε εκατοντάδες χιλιάδες字节. Επιπλέον, ο χρόνος κατεβάσματος ενός εγγράφου δεν είναι μόνο η συνολική διάρκεια όλων των τμημάτων του, αλλά πρέπει να ληφθεί υπόψη και η καθυστέρηση που προκαλείται από την φόρτωση του δικτύου.

Βασισμένος στην ταχύτητα της σύνδεσης (δηλαδή την πλάτος φωτός,bandwidthΣυνήθως χρησιμοποιείται bps ή b/s για να εκφραστεί και μπορεί να επιβραδύνει την ταχύτητα της σύνδεσης του δικτύου, για να κατεβάσετε ένα ανεξάρτητο έγγραφο που περιέχει εικόνα 100 KB, μπορεί να χρειαστεί να το κάνετε στις 1-2 το μεσημέρι, όταν οι περισσότεροι άνθρωποι κοιμούνται, να συνδέσετε με έναν μοδέματο 57.6 Kbps και να περάσετε περίπου 15 δευτερόλεπτα για να ολοκληρώσετε τον κατεβάσματα, και μπορεί να χρειαστεί να περάσετε πάνω από 10 λεπτά με έναν μοδέματο 9600 bps για να κατεβάσετε. Έχετε αποκτήσει αυτή την εικόνα;

Φυσικά, η χρήση εικόνων και άλλων πολυμέσων θα προκαλέσει τους πάροχους υπηρεσιών του Διαδικτύου να αναζητούν συνεχώς πιο γρήγορες, καλύτερες και πιο αξιόπιστες τρόπους παροχής περιεχομένου στο Διαδίκτυο. Σύντομα, οι συνδέσεις 56 Kbps modems θα φύγουν από την ιστορία, όπως οι modems 9600 bps, και θα αντικατασταθούν από νέες τεχνολογίες όπως οι καπέλα και τα ADSL. Στην πραγματικότητα, οι περισσότερες συνδέσεις θα ξεπεράσουν τα 1Mbps.

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

Πότε να χρησιμοποιήσετε κείμενο

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

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

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

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

Αύξηση της ταχύτητας λήψης των εικόνων

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

Διατήρηση της απλότητας

Μια πλήρης οθόνη 24-bit χρωματική εικόνα καταλαμβάνει σχεδόν όλο το εύρος频带 της δικτύου, ακόμη και αν η διάσταση μειώνεται με την κανονική格式 (π.χ. GIF ή JPEG κ.λπ.). Επομένως, είναι καλύτερο να χρησιμοποιήσετε διάφορα εργαλεία διαχείρισης εικόνων για να βελτιώσετε το μέγεθος των εικόνων και να μειώσετε τον αριθμό των χρωμάτων στα ελάχιστα χρώματα像素. Σπείρετε την απόδοση της εικόνας σας, αποφύγετε τη χρήση φωτογραφιών τοπίων και αποφύγετε το κενό παρασκήνιο και τα άχρηστα περιγράμματα που καταλαμβάνουν χώρο. Επιπλέον, αποφύγετε την χρήση της τεχνικής της δονήσης (συγχώνευση δύο παρόμοιων χρωμάτων για να δημιουργήσετε το τρίτο χρώμα), καθώς αυτή η τεχνική μειώνει σημαντικά την συμπιεστικότητα της εικόνας. Αντίθετα, χρησιμοποιήστε όσο το δυνατόν περισσότερες ίδιες περιοχές χρωμάτων, καθώς είναι πολύ εύκολο να τις συμπιέσετε με μορφές GIF ή JPEG.

Ανακύκλωση εικόνων

Αυτό ισχύει ιδιαίτερα για εικονίδια και GIF αнимάσεις. Οι περισσότεροι περιηγητές αποθηκεύουν τα στοιχεία του αρχείου στον τοπικό αποθηκευτικό χώρο, ώστε να μπορούν να αποκτήσουν τα δεδομένα πιο γρήγορα και να χρησιμοποιούν λιγότερη σύνδεση δικτύου. Για μικρές GIF αнимάσεις, προσπαθήστε να προετοιμάσετε κάθε συνεχόμενη εικόνα, ώστε να ενημερώσετε μόνο τα μέρη που αλλάζουν στην αнимάτιση, αντί να ενημερώσετε την ολόκληρη την εικόνα (αυτό μπορεί επίσης να επιταχύνει την προβολή της αнимάτισης).

Διαχωρισμός μεγάλων αρχείων

Αυτό είναι ένα γενικό κανόνα για την προσθήκη εικόνων. Πολλές μικρές ενότητες κειμένου οργανώνονται με υπερσυνδέσμους (φυσικά, με τον καλύτερο τρόπο!) και αποτελεσματικούς κατάλογους, ώστε να γίνει πιο εύκολη η κατανόηση από τον χρήστη σε σύγκριση με μεγάλες ενότητες κειμένου. Συνήθως, οι χρήστες προτιμούν να πλοηγούνται σε αρκετές σελίδες παρά να σπαταλούν χρόνο περιμένοντας την κατεβάσματα ενός μεγάλου αρχείου (αυτό έχει κάτι κοινό με τη νόσο περιήγησης τηλεοπτικών καναλιών). Ένας καλός κανόνας είναι να κρατάτε κάθε αρχείο περίπου 50 KB, ώστε selbst wenn der Leser eine sehr langsame Verbindung verwendet, nicht ärgerlich zu sein.

Απομόνωση μεγάλων γραφικών κατά την ανάγκη

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

Καθορισμός διαστάσεων εικόνας

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

JPEG ή GIF;

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

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

Ετικέτα <img>

Η ετικέτα <img> επιτρέπει την αναφορά ή την εισαγωγή εικόνων στην τρέχουσα ροή του έργου. Για περισσότερες πληροφορίες σχετικά με αυτή την ετικέτα, παρακαλώ δείτε: