Μετατροπή εικόνων σε Base64 data URIs και αντίστροφα
🏞️
Σύρετε εικόνα ή κάντε κλικ για μεταφόρτωση
—
Περιπτώσεις χρήσης
Ενσωματώστε ένα μικρό εικονίδιο απευθείας σε ένα φύλλο στυλ CSS για να αποφύγετε ένα επιπλέον αίτημα HTTP.
Κωδικοποιήστε μια εικόνα avatar σε ένα αρχείο διαμόρφωσης JSON ή seed.
Αποκωδικοποιήστε ένα συνημμένο base64 από μια απάντηση API ή email για να επιθεωρήσετε την εικόνα.
Δημιουργήστε ένα αυτοτελές data URI για ένα offline HTML mock ή πρότυπο email.
Αντιγράψτε ένα string base64 σε ένα έγγραφο Markdown ώστε η εικόνα να ταξιδεύει με το αρχείο.
Σχετικά με Εικόνα ↔ Base64
Το Εικόνα σε Base64 μετατρέπει εικόνες σε κωδικοποιημένα URI δεδομένων Base64 και αποκωδικοποιεί συμβολοσειρές Base64 πίσω σε εικόνες. Εκτελείται εξ ολοκλήρου στον περιηγητή σας.
Συχνές ερωτήσεις
Πώς μετατρέπω μια εικόνα σε Base64;
Ανεβάστε το αρχείο εικόνας και το εργαλείο δημιουργεί αμέσως τη συμβολοσειρά Base64 και ένα έτοιμο προς χρήση data URI. Μπορείτε να αντιγράψετε το αποτέλεσμα και να το επικολλήσετε απευθείας στον κώδικα HTML, CSS ή στην εφαρμογή σας.
Παραμένουν ιδιωτικά τα δεδομένα εικόνας μου;
Ναι, η κωδικοποίηση γίνεται εξ ολοκλήρου στον περιηγητή σας. Τα αρχεία εικόνας σας δεν αποστέλλονται ποτέ σε κανέναν διακομιστή, οπότε προσωπικές φωτογραφίες ή ιδιόκτητα γραφικά παραμένουν πλήρως ασφαλή στη συσκευή σας.
Μπορώ να αποκωδικοποιήσω Base64 πίσω σε εικόνα;
Ναι, το εργαλείο λειτουργεί και προς τις δύο κατευθύνσεις. Επικολλήστε μια κωδικοποιημένη συμβολοσειρά Base64 και θα αποκωδικοποιηθεί σε προβολέψιμη και μεταφορτώσιμη εικόνα. Χρήσιμο για αποσφαλμάτωση ή εξαγωγή εικόνων από κώδικα.
Πόσο μεγάλη μπορεί να είναι η εικόνα πριν η κωδικοποίηση γίνει μη πρακτική;
Το Base64 διογκώνει το δυαδικό κατά περίπου 33%, οπότε μια εικόνα 1 MB γίνεται ~1,37 MB κειμένου. Το εργαλείο χειρίζεται δεκάδες megabytes μια χαρά σε σύγχρονες συσκευές, αλλά η επικόλληση ενός string πολλαπλών megabytes σε HTML ή CSS θα διογκώσει αισθητά το μέγεθος της σελίδας. Για οτιδήποτε πάνω από ~50 KB, μια κανονική URL αρχείου σχεδόν πάντα φορτώνει ταχύτερα από ένα data URI.
Υποστηρίζει SVG και κινούμενο GIF;
Ναι — το SVG ταξιδεύει round-trip ως base64 βασισμένο σε κείμενο και το κινούμενο GIF διατηρεί όλα τα καρέ αφού ολόκληρη η ροή byte κωδικοποιείται. Τα WebP, AVIF και HEIC λειτουργούν επίσης εφόσον ο browser μπορεί να τα αποκωδικοποιήσει για την προεπισκόπηση. Το διανυσματικό SVG μπορεί επίσης να ενσωματωθεί απευθείας σε CSS χωρίς base64 (data:image/svg+xml,…) για μικρότερα payloads.