Περιεχόμενο
- Αποθήκευση αναλύσεων
- Οφέλη από την αποκριτική μορφή εικόνας
- Εκδότες περιεχομένου που δεν κωδικοποιούν
- Το χαρακτηριστικό SRCSET
- Αποθηκεύστε μία φορά, εικόνες παντού
- Το IMG δεν είναι ακόμα νεκρό
Το GIF και το JPEG δεν ήταν οι πρώτες εικόνες που υποστηρίζονται στα προγράμματα περιήγησης ιστού, παρόλο που φαίνεται να ήταν μαζί μας για πάντα. Το PNG και η λειτουργία διαφάνειας άλφα χρειάστηκαν λίγο χρόνο για την υιοθέτηση του mainstream μετά την πρώτη παρατήρησή του. Και τώρα η Google πιέζει για τη νέα μορφή εικόνας WebP, αλλά ο ήδη παγετώδης ρυθμός υιοθέτησης εικόνας θα είναι πιο αργός για το WebP.
Βλέπω το WebP ως ένα υβρίδιο GIF και JPEG χωρίς να προσφέρω νέα επαναστατικά χαρακτηριστικά (όπως η διαφάνεια PNG alpha). Έχουμε ήδη ένα πρόβλημα με προσαρμοστικές / αποκριτικές εικόνες και είναι ένα πρόβλημα που απαιτεί μια επαναστατική λύση.
Το πρόβλημα με τους φίλους μας JPEG, GIF και PNG είναι ότι είναι αυτό που είναι: στατικά, αυτόνομα πόνυ. Δεν μπορούν να είναι ταυτόχρονα χαμηλής ανάλυσης και υψηλής ανάλυσης. Αυτό που χρειαζόμαστε τότε είναι μορφές αρχείων εικόνας που ουσιαστικά είναι ένα ντουλάπι αποθήκευσης.
Αποθήκευση αναλύσεων
Για παράδειγμα, η μορφή αρχείου .mp3 δεν είναι μόνο κομμάτια από αυτά και μηδενικά που περιγράφουν τη μουσική. Υπάρχουν επίσης πληροφορίες μεταδεδομένων μέσα σε μια ετικέτα ήχου. Αυτό είναι όπου, για παράδειγμα, το iTunes καταγράφει πληροφορίες τραγουδιού όπως τίτλο τραγουδιού, καλλιτέχνη, τίτλο άλμπουμ, έτος που κυκλοφόρησε το τραγούδι και ούτω καθεξής.
Πρέπει να έχουμε μια μορφή αρχείου για παρόμοιες εικόνες. Αντί να καταγράφουμε μετα-πληροφορίες για την εικόνα, η οποία είναι αρκετά απλή, πρέπει να αποθηκεύσουμε διαφορετικές παραλλαγές της εικόνας. Ένα αρχείο εικόνας ενδέχεται να είναι σε θέση να περιέχει μια μικρογραφία εικόνας, μια εικόνα φιλική προς κινητά, μια έκδοση φιλική για επιτραπέζιους υπολογιστές, μια έκδοση αμφιβληστροειδούς και μια εικόνα φιλική προς εκτύπωση.
Αυτή η αποκριτική μορφή εικόνας δεν είναι απλώς ένα όνειρο. Υπάρχει ήδη μια μορφή αρχείου εικόνας που το κάνει: ονομάζεται FlashPix. Αναπτύχθηκε το 1996 από τους συνεργάτες Eastman Kodak, Microsoft και Hewlett-Packard, η μορφή αρχείου εικόνας ήταν μπροστά από την εποχή της, καθώς δεν είχε υιοθετηθεί στην αγορά του προγράμματος περιήγησης και φαινόταν να είναι αδιάφορη.
Οφέλη από την αποκριτική μορφή εικόνας
Ένα από τα πλεονεκτήματα της αποκριτικής μορφής εικόνας είναι ότι επιτρέπει τη συνεχή χρήση του στοιχείου img και μόνο του στοιχείου img. Το στοιχείο img εισχωρεί στα οστά, στον ίδιο τον μυελό, του ιστού. Η εικόνα> πρόταση αντιτάχθηκε σε αυτήν τη νοοτροπία, εξαναγκάζοντας πολλές αναφορές πηγών σε διαφορετικές εικόνες για να λειτουργήσει μια εικόνα. Αυτή είναι πολύ περισσότερη δουλειά για κάτι τόσο βασικό.
Μερικοί είπαν ότι το στοιχείο «εικόνα» βασίζεται στη συναίνεση, είναι καλά επεξεργασμένο και είναι χρησιμοποιήσιμη λύση (βλ. Cssquirrel.com/blog/2012/05/15/the-egotistic-puppet-king-and-i/).
Θα σας δώσω δύο από αυτούς τους τρεις - η λύση «η εικόνα» είχε συναίνεση και ήταν καλά σχεδιασμένη, αλλά δεν ήταν μια χρήσιμη λύση.
Υπάρχει ένας λόγος για τον οποίο εγκαταλείφθηκαν τα αυστηρά στυλ κωδικοποίησης του XHTML και οι χαλαρές πρακτικές κωδικοποίησης HTML4 ενσωματώθηκαν στο HTML5. Το ενενήντα πέντε τοις εκατό των ιστότοπων δεν επικυρώνεται (βλ. με αυτόν τον τρόπο είτε από την αρχή είτε με την πάροδο του χρόνου.
Το να ζητάμε από τους σχεδιαστές ιστοσελίδων, τους μπλόγκερ και τους μη τεχνικούς να δημιουργήσουν πολλά αντίγραφα των εικόνων τους και να γράψουν επιπλέον γραμμές HTML για να καθησυχάσουν κάθε πιθανό σενάριο εμφάνισης δεν φαίνεται μόνο σαν μια πολύ μη τυπική προσέγγιση, αλλά δεν είναι και πολύ πρακτική.
Η λύση για τον ήχο και το βίντεο γεννήθηκε για την εξισορρόπηση της διαφορετικής υποστήριξης αρχείων λόγω των πολέμων του turf και των προβλημάτων αδειοδότησης.Προσπαθώντας να βρούμε μια λύση που γεννήθηκε από στοιχεία βίντεο και ήχου, ήταν εάν αντιγράψαμε μια απάντηση σε ένα μοναδικό μαθηματικό πρόβλημα σε ένα άλλο μαθηματικό πρόβλημα απλώς και μόνο επειδή χρησιμοποιούσε τους ίδιους ακέραιους αριθμούς.
Δεν χρειάζεται να δημιουργήσετε πολλές γραμμές HTML για να εμφανιστεί μια εικόνα σε μια ιστοσελίδα όπως προσφέρεται στο στοιχείο εικόνα> (δείτε www.netmagazine.com/features/state-responsive-images).
Εκδότες περιεχομένου που δεν κωδικοποιούν
Ένα άλλο ζήτημα είναι ότι με μια μέθοδο εισαγωγής εικόνων με πρόσθετη σήμανση απαιτείται ανάγκη για εκτεταμένες αλλαγές στους συντάκτες WYSIWYG, τις αντίστοιχες γραμμές εργαλείων τους στα Συστήματα Διαχείρισης Περιεχομένου και ενημερωμένες παλιές ιστοσελίδες.
Αυτό απλά δεν πρόκειται να συμβεί. Πρέπει να υπάρχει κάτι σε επίπεδα mini-Y2K (βλ. Www.computerworld.com/s/article/9142555/Y2K_The_good_the_bad_and_the_crazy) ώστε οι εταιρείες και οι οργανισμοί να αρχίσουν να ξοδεύουν τέτοιου είδους κεφάλαια για να διορθώσουν το πρόβλημα.
Το χαρακτηριστικό SRCSET
Πρόσφατα, το WHATWG ανακοίνωσε τη δική του πρόταση αφού εξετάσει το στοιχείο image> (βλ. Www.whatwg.org/specs/web-apps/current-work/multipage/embedded-content-1.html#attr-img-srcset). Με την πρώτη ματιά, αυτή είναι σίγουρα μια πιο εύχρηστη, πιο συμβατή προς τα πίσω λύση από το στοιχείο εικόνα>.
Η σύνταξη για τις ανάγκες του χαρακτηριστικού λειτουργεί όπως συζητά ο Jeremy Keith (βλ. Adactio.com/journal/5474/), αλλά αυτά τα ζητήματα είναι εύκολο να αντιμετωπιστούν και - ελπίζουμε - είναι λιγότερο δραματικά.
Αποθηκεύστε μία φορά, εικόνες παντού
Αν μου δοθεί μια επιλογή, πιστεύω ότι οι σχεδιαστές ιστοσελίδων προτιμούν να εξάγουν ένα έργο τέχνης από το Fireworks, το Photoshop ή οτιδήποτε άλλο είναι το αγαπημένο τους πρόγραμμα επεξεργασίας εικόνων. Στη συνέχεια, αυτό το αρχείο κοντέινερ μεταφορτώνεται σε έναν διακομιστή όπως κάθε άλλο αρχείο εικόνας που έχουμε χρησιμοποιήσει προηγουμένως και αναφέρεται μέσω του στοιχείου img σε μια σελίδα HTML. Η μόνη διαφορά είναι ότι ο διακομιστής και το πρόγραμμα περιήγησης συμφωνούν σε ποια εικόνα στο ντουλάπι αποθήκευσης θα πρέπει να εμφανίζεται τη στιγμή της αναφοράς.
Το IMG δεν είναι ακόμα νεκρό
Το απλό img μας έχει φτάσει μέχρι τώρα και δεν μας έχει αποτύχει ακόμα. αλλά η εισαγωγή του χαρακτηριστικού SRCSET είναι μια έξυπνη κίνηση και μας φέρνει λίγο πιο κοντά σε μια λύση. Τώρα, ας δούμε να κάνουμε τις μορφές εικόνας να λειτουργούν πιο έξυπνα και καλύτερα δημιουργώντας εξυπνότερα προγράμματα περιήγησης και διακομιστές.
Ο ιστός χρειάζεται μια μορφή εικόνας όπου ο διακομιστής, όταν ζητείται από ένα πρόγραμμα περιήγησης, μπορεί να παραδώσει τη σωστή εικόνα που περιέχει τη σωστή ανάλυση. Χρειαζόμαστε μια μορφή εικόνας που να λειτουργεί σε συνδυασμό με διακομιστές και προγράμματα περιήγησης για να προσδιορίσουμε την κατάλληλη ανάλυση.
Η νέα μορφή εικόνας για το σχεδιασμό ιστοσελίδων δεν είναι αδύνατη. Αισθάνομαι έτσι μερικές φορές.
