Μετατρέψτε μεταξύ αρχείων εικόνας και Base64 (Data URI)
Μετατρέψτε σε 3 απλά βήματα:
Σύρετε & αποθέστε το αρχείο εικόνας εδώ, ή κάντε κλικ για επιλογή
Υποστηριζόμενες μορφές: PNG, JPEG, GIF, WebP, SVG (συνιστάται μέγιστο 10MB)
Η κωδικοποίηση Base64 εικόνων χρησιμοποιείται συνήθως στην ανάπτυξη ιστοσελίδων για τους ακόλουθους σκοπούς:
Ενσωματώστε μικρά εικονίδια ή εικόνες λογότυπων απευθείας σε ετικέτες <img> της HTML ή σε ιδιότητες background-image της CSS για να μειώσετε τα αιτήματα HTTP και να βελτιώσετε την ταχύτητα φόρτωσης της σελίδας. Ιδιαίτερα χρήσιμο ως εναλλακτική λύση αντί για γραμματοσειρές εικονιδίων.
Αντί να συνδυάζετε πολλαπλές μικρές εικόνες σε ένα ενιαίο αρχείο 'CSS sprite', κωδικοποιήστε κάθε εικόνα σε Base64 και ενσωματώστε την στο CSS για ευκολότερη διαχείριση.
Ορισμένοι πελάτες ηλεκτρονικού ταχυδρομείου μπλοκάρουν τη φόρτωση εξωτερικών εικόνων. Η ενσωμάτωση σημαντικών εικόνων (όπως λογότυπα) ως Data URIs εξασφαλίζει την αξιόπιστη εμφάνισή τους.
Κατά την αποστολή/λήψη δεδομένων εικόνας μέσω JSON API, η κωδικοποίηση Base64 επιτρέπει τη διαχείριση δυαδικών δεδομένων ως μορφή κειμένου. Μεταφέρετε εικόνες σε απλή μορφή JSON χωρίς επικοινωνία πολλαπλών μερών.
Σε Progressive Web Apps (PWA) ή εφαρμογές Electron, η ενσωμάτωση Base64-κωδικοποιημένων εικόνων σε HTML διασφαλίζει ότι οι εικόνες εμφανίζονται αξιόπιστα ακόμη και σε περιβάλλοντα εκτός σύνδεσης.
Η χρήση Base64-κωδικοποιημένων εικόνων σε πλαίσια πολλαπλών πλατφορμών όπως React Native, Ionic και Flutter ενοποιεί τον χειρισμό εικόνων σε όλες τις πλατφόρμες.
Το Data URI (ονομάζεται επίσης Data URL) είναι ένα σχήμα URL που επιτρέπει την ενσωμάτωση μικρών αρχείων όπως εικόνες ή γραμματοσειρές απευθείας σε HTML ή CSS. Μετατρέπει το περιεχόμενο του αρχείου σε κείμενο χρησιμοποιώντας κωδικοποίηση Base64 και το αναπαριστά ως μέρος μιας διεύθυνσης URL.
Το Data URI γράφεται στην ακόλουθη μορφή:
data:[τύπος MIME];[μέθοδος κωδικοποίησης],[κωδικοποιημένα δεδομένα] Παράδειγμα (PNG): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...
Όλες οι μορφές εικόνας που υποστηρίζονται από το πρόγραμμα περιήγησης, συμπεριλαμβανομένων των PNG, JPEG, GIF, WebP και SVG, μπορούν να μετατραπούν. Οι μορφές PNG και JPEG είναι οι πιο συνηθισμένες.
Δεν υπάρχει τεχνικό όριο, αλλά για λόγους απόδοσης και μνήμης του προγράμματος περιήγησης, συνιστάται μέγεθος 10MB ή λιγότερο. Πρακτικά, οι εικόνες των 5KB ή λιγότερο είναι οι πιο αποτελεσματικές.
Η κωδικοποίηση Base64 αυξάνει το μέγεθος του αρχείου σε περίπου 133% του αρχικού (αύξηση περίπου 33%). Για παράδειγμα, μια εικόνα 9KB γίνεται συμβολοσειρά Base64 περίπου 12KB.
Ναι, οι διαφανείς εικόνες PNG μπορούν να μετατραπούν ως έχουν. Οι πληροφορίες διαφάνειας διατηρούνται, έτσι εμφανίζονται σωστά με διαφάνεια όταν ενσωματώνονται σε HTML ή CSS.
Επικολλήστε απευθείας στο χαρακτηριστικό src της ετικέτας <img>. Παράδειγμα: <img src="data:image/png;base64,iVBORw0KG...">
Επικολλήστε μέσα στη συνάρτηση url() ως εξής: background-image: url('data:image/png;base64,iVBORw0KG...');
Όχι, όλη η επεξεργασία γίνεται στο πρόγραμμα περιήγησής σας. Τα δεδομένα εικόνας δεν μεταδίδονται ποτέ σε κανέναν διακομιστή.
Ναι, αυτό το εργαλείο είναι εντελώς δωρεάν και μπορεί να χρησιμοποιηθεί ελεύθερα τόσο για εμπορικούς όσο και για μη εμπορικούς σκοπούς.
Encode image data in Base64
Convert image file formats
Encode and decode Base64