Εικόνα στο Base64
Το Base64 κωδικοποιεί δυαδικά byte εικόνας ως κείμενο ASCII που μπορείτε να επικολλήσετε σε ωφέλιμα φορτία HTML img src, CSS url() ή JSON. Χρήσιμο για μικροσκοπικά εικονίδια, URI δεδομένων σε πρωτότυπα και API που αναμένουν ενσωματωμένες εικόνες.
Πώς να κωδικοποιήσετε μια εικόνα στο Base64
1. Ανεβάστε το αρχείο εικόνας (διατηρήστε το μικρό — λιγότερο από ~100 KB είναι πρακτικό).
2. Αντιγράψτε τη συμβολοσειρά Base64 που δημιουργήθηκε ή τη διεύθυνση URL πλήρους δεδομένων.
3. Επικολλήστε στο HTML, το CSS ή τη διαμόρφωση.
4. Δοκιμή στο περιβάλλον προορισμού — ορισμένα προγράμματα-πελάτες email περιορίζουν τα URI δεδομένων.
Παραδείγματα κωδικοποίησης
Εσωτερικό λογότυπο σε ηλεκτρονικό ταχυδρομείο HTML
Ένα λογότυπο PNG 2 KB ως data:image/png;base64,... αποτρέπει τον αποκλεισμό εξωτερικών ή εξωτερικών εικόνων σε κορυφές.
CSS φόντο για πρωτότυπο
Επικολλήστε μια υφή Base64 σε μια επίδειξη ενός αρχείου χωρίς φιλοξενία στοιχείων.
Εξάρτημα δοκιμής API
Συμπεριλάβετε ένα μικροσκοπικό JPEG Base64 σε ένα σώμα αιτήματος JSON για δοκιμή τελικού σημείου μεταφόρτωσης εικόνας.
Πότε να χρησιμοποιήσετε αυτό το εργαλείο
• Για πολύ μικρά στοιχεία όπου ένα αίτημα HTTP κοστίζει περισσότερο από το γενικό κόστος του ενσωματωμένου μεγέθους.
• Για πρωτότυπα HTML ενός αρχείου εκτός σύνδεσης.
• Όταν η εξωτερική φιλοξενία δεν είναι διαθέσιμη σε κλειδωμένα περιβάλλοντα.
Το Base64 στους προϋπολογισμούς απόδοσης
Η ενσωμάτωση καταργεί τις διαδρομές μετ' επιστροφής, αλλά αποτρέπει την αποθήκευση της εικόνας στην κρυφή μνήμη του προγράμματος περιήγησης ξεχωριστά. Χρησιμοποιήστε για κρίσιμα μικροσκοπικά εικονίδια πάνω από το πάσο με φειδώ. Τεμπελική φόρτωση μεγάλων μέσων κανονικά.
Συχνές ερωτήσεις
Γιατί το Base64 είναι μεγαλύτερο από το αρχείο;
Η κωδικοποίηση χρησιμοποιεί 4 χαρακτήρες για κάθε 3 byte — περίπου 33% επιβάρυνση συν το πρόθεμα διεύθυνσης URL δεδομένων.
Τι είναι μια διεύθυνση URL δεδομένων;
Μορφή: data:image/png;base64,iVBORw0KG... — Τύπος MIME συν κωδικοποιημένο ωφέλιμο φορτίο.
Μέγιστο μέγεθος για μήνυμα ηλεκτρονικού ταχυδρομείου;
Διατήρηση συνολικής αύξησης κάτω από 10–20 KB; πολλοί πελάτες πνίγονται από τεράστιες ενσωματωμένες εικόνες.
Αποκωδικοποίηση πίσω στο αρχείο;
Χρησιμοποιήστε το εργαλείο κωδικοποιητή/αποκωδικοποιητή Base64 για να αντιστρέψετε το ASCII σε δυαδικό, εάν χρειάζεται.
Ανεβαίνουν εικόνες;
Όχι — Το FileReader διαβάζει τοπικά στο πρόγραμμα περιήγησης.