Το Image ↔ Base64 μετατρέπει αρχεία εικόνας (PNG, JPG, SVG, WebP, GIF) σε Base64-κωδικοποιημένα data URIs και αντίστροφα. Σύρετε, επικολλήστε ή κάντε κλικ για να φορτώσετε μια εικόνα· αντιγράψτε ολόκληρη τη συμβολοσειρά data:image/...;base64,... για να την ενσωματώσετε σε CSS, HTML ή config. Ή επικολλήστε ένα data URI για να το προεπισκοπήσετε και να το κατεβάσετε ως αρχείο εικόνας.
Οι εικόνες σε μορφή Base64 μπορούν να ενσωματωθούν απευθείας σε αρχεία CSS, HTML ή config — χρήσιμο για μικρά εικονίδια, πρότυπα email ή build artifacts όπου τα εξωτερικά αιτήματα εικόνων δεν είναι επιθυμητά. Αυτό το εργαλείο κάνει τη μετατροπή παιχνιδάκι. Σύρετε ένα αρχείο εικόνας, επικολλήστε από το πρόχειρο ή κάντε κλικ για περιήγηση. Το εργαλείο το μετατρέπει σε data URI με τον σωστό τύπο MIME (data:image/png;base64,..., data:image/svg+xml;base64,... κ.λπ.). Λειτουργεί και η αντίστροφη κατεύθυνση — επικολλήστε ένα data URI και το εργαλείο εμφανίζει την εικόνα για προεπισκόπηση, προσφέροντας και σύνδεσμο λήψης για να την αποθηκεύσετε ως πραγματικό αρχείο. Λειτουργεί εξ ολοκλήρου μέσα στον browser, χωρίς μεταφορτώσεις — οι εικόνες σας δεν φεύγουν ποτέ από τη συσκευή σας. Υποστηρίζει μορφές PNG, JPG/JPEG, SVG, WebP, GIF και ICO.
Πολλοί τρόποι φόρτωσης μιας εικόνας: σύρετε ένα αρχείο από το λειτουργικό σας σύστημα, επικολλήστε από το πρόχειρο (λειτουργούν και τα screenshots), ή κάντε κλικ για να ανοίξετε επιλογέα αρχείων.
Όταν επικολλάτε ένα data URI, το εργαλείο εμφανίζει αμέσως την εικόνα ώστε να την επαληθεύσετε πριν την αντιγραφή ή τη λήψη.
Αντιγράφει ολόκληρη τη συμβολοσειρά data:image/...;base64,... έτοιμη για επικόλληση στο CSS, στο src attribute της HTML ή στο JSON config σας.
Χωρίς αναμονή μεταφόρτωσης — όλα γίνονται τοπικά. Ακόμα και μεγάλες εικόνες μετατρέπονται σε κλάσμα δευτερολέπτου.
Από ένα Base64 data URI, αποθηκεύστε την αποκωδικοποιημένη εικόνα ως πραγματικό αρχείο (PNG, JPG, SVG κ.λπ.) με τη σωστή επέκταση.
Υποστηρίζει PNG, JPG, SVG, WebP, GIF και ICO. Ο τύπος MIME εντοπίζεται αυτόματα, ώστε το data URI σας να είναι πάντα σωστό.
Μετατρέψτε ένα εικονίδιο 16×16 σε Base64 και ενσωματώστε το inline στο background-image: url(...). Χωρίς HTTP αίτημα, χωρίς cache miss — το εικονίδιο ταξιδεύει μαζί με το CSS σας.
Ενσωματώστε εικόνες απευθείας σε HTML emails ως data URIs όταν οι εξωτερικές αναφορές εικόνων μπλοκάρονται από τους clients ή επισημαίνονται ως spam.
Συμπεριλάβετε μικρές εικόνες στην έξοδο των webpack/vite bundle για να εξαλείψετε τους κύκλους φόρτωσης assets κατά την εκκίνηση της εφαρμογής.
Επικολλήστε ένα data URI από τα dev tools, τον πηγαίο κώδικα HTML ή ένα αρχείο CSS για να προεπισκοπήσετε και να κατεβάσετε την εικόνα ως αρχείο.
Όταν μια ενσωματωμένη εικόνα δεν εμφανίζεται, επικολλήστε το data URI στον αποκωδικοποιητή για να επαληθεύσετε ότι το Base64 είναι έγκυρο και ο τύπος MIME σωστός.
Κάντε κλικ στο εικονίδιο Image Base64 στο dock του DevSuite Pro. Ανοίγει ένα πάνελ δύο στηλών με μια ζώνη απόθεσης και ένα πεδίο data URI.
Σύρετε ένα αρχείο στη ζώνη απόθεσης, επικολλήστε μια εικόνα από το πρόχειρο (Ctrl+V), ή κάντε κλικ στη ζώνη για περιήγηση. Εμφανίζεται προεπισκόπηση.
Το Base64 data URI δημιουργείται αμέσως στο πεδίο εξόδου — κάντε κλικ στο Copy για να το στείλετε στο πρόχειρό σας, έτοιμο για επικόλληση inline.
Για να πάτε από Base64 σε εικόνα, επικολλήστε ένα data URI στο πεδίο. Η προεπισκόπηση εμφανίζει την εικόνα και εμφανίζεται κουμπί Download.
Αποθηκεύστε την ανακατασκευασμένη εικόνα ως πραγματικό αρχείο, ή αντιγράψτε το data URI για να το μοιραστείτε ή να το ενσωματώσετε αλλού.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 64+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
