Εικόνα στο 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 αυξάνεται ~33% και διογκώνει την προσωρινή μνήμη HTML.
• Όταν η προσωρινή αποθήκευση CDN και το αποκριτικό srcset είναι διαθέσιμα.
• Όταν πολλά προγράμματα-πελάτες email μπλοκάρουν τα URI δεδομένων — χρησιμοποιήστε αντί αυτού φιλοξενούμενες εικόνες.
Το Base64 στους προϋπολογισμούς απόδοσης
Η ενσωμάτωση καταργεί τις διαδρομές μετ' επιστροφής, αλλά αποτρέπει την αποθήκευση της εικόνας στην κρυφή μνήμη του προγράμματος περιήγησης ξεχωριστά. Χρησιμοποιήστε για κρίσιμα μικροσκοπικά εικονίδια πάνω από το πάσο με φειδώ. Τεμπελική φόρτωση μεγάλων μέσων κανονικά.
Περιορισμοί προγράμματος-πελάτη ηλεκτρονικού ταχυδρομείου
Ο υπολογιστής του Outlook έχει ιστορικά περιορισμένη υποστήριξη URI δεδομένων. Δοκιμάστε το Gmail, το Apple Mail και το Outlook πριν βασιστείτε σε ενσωματωμένες εικόνες σε καμπάνιες.
Ασφάλεια
Μην επικολλάτε το μη αξιόπιστο Base64 σε σελίδες χωρίς να κατανοείτε το περιεχόμενο — εξακολουθεί να είναι εκτελέσιμο περιβάλλον σε HTML. Κωδικοποιήστε μόνο τα δικά σας στοιχεία.
Συχνές ερωτήσεις
Γιατί το Base64 είναι μεγαλύτερο από το αρχείο;
Η κωδικοποίηση χρησιμοποιεί 4 χαρακτήρες για κάθε 3 byte — περίπου 33% επιβάρυνση συν το πρόθεμα διεύθυνσης URL δεδομένων.
Τι είναι μια διεύθυνση URL δεδομένων;
Μορφή: data:image/png;base64,iVBORw0KG... — Τύπος MIME συν κωδικοποιημένο ωφέλιμο φορτίο.
Μέγιστο μέγεθος για μήνυμα ηλεκτρονικού ταχυδρομείου;
Διατήρηση συνολικής αύξησης κάτω από 10–20 KB; πολλοί πελάτες πνίγονται από τεράστιες ενσωματωμένες εικόνες.
Αποκωδικοποίηση πίσω στο αρχείο;
Χρησιμοποιήστε το εργαλείο κωδικοποιητή/αποκωδικοποιητή Base64 για να αντιστρέψετε το ASCII σε δυαδικό, εάν χρειάζεται.
Ανεβαίνουν εικόνες;
Όχι — Το FileReader διαβάζει τοπικά στο πρόγραμμα περιήγησης.
SVG στο Base64;
Δυνατότητα για μικρό κείμενο SVG. Οι μορφές ράστερ είναι πιο συνηθισμένες για τα URI δεδομένων.