Καθαρά από περιέργεια, σε ποια προγράμματα περιήγησης λειτουργεί η ενσωμάτωση εικόνας Base64; Αυτό στο οποίο αναφέρομαι είναι το this.
Αντιλαμβάνομαι ότι συνήθως δεν είναι καλή λύση για τα περισσότερα πράγματα, καθώς αυξάνει αρκετά το μέγεθος της σελίδας - είμαι απλά περίεργος.
Κάποια παραδείγματα:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />
CSS:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
Ενημέρωση: 2017-01-10
Τα URI δεδομένων υποστηρίζονται πλέον από όλα τα μεγάλα προγράμματα περιήγησης. Ο IE υποστηρίζει επίσης την ενσωμάτωση εικόνων από την έκδοση 8.
http://caniuse.com/#feat=datauri
Τα URI δεδομένων υποστηρίζονται τώρα από τα ακόλουθα προγράμματα περιήγησης στο διαδίκτυο:
- Konqueror, μέσω του συστήματος εισόδου/εξόδου KIO slaves του KDE's
- Internet Explorer 8: Η Microsoft έχει περιορίσει την υποστήριξή του σε ορισμένο "μη πλοηγήσιμο" περιεχόμενο για λόγους ασφαλείας, συμπεριλαμβανομένων των ανησυχιών ότι η JavaScript που ενσωματώνεται σε ένα URI δεδομένων μπορεί να μην μπορεί να ερμηνευτεί από φίλτρα σεναρίων, όπως αυτά που χρησιμοποιούνται από πελάτες ηλεκτρονικού ταχυδρομείου που βασίζονται στον ιστό. Τα URI δεδομένων πρέπει να είναι μικρότερα από 32 KiB στην έκδοση 8[3].
- Τα URI δεδομένων υποστηρίζονται μόνο για τα ακόλουθα στοιχεία ή/και χαρακτηριστικά[4]:
- αντικείμενο (μόνο εικόνες)
- img
- input type=image
- link
- δηλώσεις CSS που δέχονται μια διεύθυνση URL, όπως background-image, background, list-style-type, list-style και παρόμοια.
- Internet Explorer 9: Ο Internet Explorer 9 δεν έχει περιορισμό 32KiB και επιτρέπεται σε ευρύτερα στοιχεία.
- TheWorld Browser: IE shell browser που έχει ενσωματωμένη υποστήριξη για το σχήμα Data URI
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support</a>,
Τα περισσότερα σύγχρονα προγράμματα περιήγησης για υπολογιστές γραφείου, όπως το Chrome, το Mozilla και ο Internet Explorer, υποστηρίζουν εικόνες κωδικοποιημένες ως URL δεδομένων. Υπάρχουν όμως προβλήματα στην εμφάνιση των διευθύνσεων URL δεδομένων σε ορισμένα προγράμματα περιήγησης για κινητά τηλέφωνα: Δεν εμφανίζουν ενσωματωμένα JPEG.
Σας συνιστώ να χρησιμοποιήσετε τα ακόλουθα εργαλεία για online κωδικοποίηση/αποκωδικοποίηση base64:
Ελέγξτε την επιλογή "Format as Data URL" για να μορφοποιήσετε ως διεύθυνση δεδομένων.
Μπορώ να χρησιμοποιήσω (http://caniuse.com/#feat=datauri) δείχνει υποστήριξη σε όλα τα μεγάλα προγράμματα περιήγησης με λίγα θέματα στον IE.