Image to Base64 | Free Edu & .COM Temporary Mails
← Όλα τα εργαλεία / Image to Base64

🔤 Μετατροπέας εικόνας σε Base64

Μετατρέψτε οποιαδήποτε εικόνα σε μια διεύθυνση URL δεδομένων Base64. Χρήσιμο για την ενσωμάτωση εικόνων απευθείας σε HTML ή CSS.

🖼️

Ρίξτε την εικόνα εδώ ή κάντε κλικ για περιήγηση

Έξοδος Base64

Τι είναι η μετατροπή εικόνας σε Base64;

Η μετατροπή εικόνας σε Base64 κωδικοποιεί ένα αρχείο εικόνας σε μια συμβολοσειρά κειμένου Base64 — συγκεκριμένα μια διεύθυνση URL δεδομένων όπως data:image/png;base64,iVBOR.... Αυτό σας επιτρέπει να ενσωματώσετε την εικόνα απευθείας σε HTML, CSS ή JSON χωρίς να χρειάζεστε ξεχωριστό αρχείο εικόνας ή αίτημα HTTP. Το πρόγραμμα περιήγησης αποκωδικοποιεί τη συμβολοσειρά Base64 on the fly και εμφανίζει την εικόνα κανονικά.

Αυτή η τεχνική χρησιμοποιείται ευρέως για τη μείωση των αιτημάτων HTTP σε μικρά εικονίδια και λογότυπα (βελτίωση της ταχύτητας σελίδας), για τη συμπερίληψη εικόνων σε ωφέλιμα φορτία JSON API, για την ενσωμάτωση εικόνων σε πρότυπα email HTML που δεν βασίζονται σε εξωτερική φιλοξενία και για την αποθήκευση εικόνων σε CSS για sprites εικονιδίων ή φόντο. Το συμβιβασμό είναι ότι οι συμβολοσειρές Base64 είναι περίπου 33% μεγαλύτερες από το αρχικό δυαδικό αρχείο, επομένως χρησιμοποιείται καλύτερα για μικρές εικόνες.

Πώς να χρησιμοποιήσετε το Image to Base64

  1. Ρίξτε την εικόνα σας στη ζώνη μεταφόρτωσης ή κάντε κλικ Επιλέξτε Εικόνα.
  2. Η πλήρης διεύθυνση URL δεδομένων Base64 εμφανίζεται αμέσως στο πλαίσιο εξόδου.
  3. Κλικ Αντιγραφή διεύθυνσης URL πλήρους δεδομένων να αντιγράψετε data:image/png;base64,... για χρήση σε HTML ή CSS.
  4. Κλικ Μόνο αντιγραφή Base64 για να αντιγράψετε μόνο την κωδικοποιημένη συμβολοσειρά (χωρίς το πρόθεμα διεύθυνσης URL δεδομένων) για χρήση σε API ή βάσεις δεδομένων.

Γιατί να χρησιμοποιήσετε το εργαλείο μας Image to Base64;

  • 100% Δωρεάν — Χωρίς περιορισμούς στο μέγεθος αρχείου ή στις μετατροπές.
  • Χωρίς εγγραφή — Άμεση μετατροπή χωρίς λογαριασμό.
  • Βασισμένο σε πρόγραμμα περιήγησης — Η εικόνα σας διαβάζεται τοπικά χρησιμοποιώντας το FileReader API — δεν αποστέλλεται ποτέ σε διακομιστή.
  • Δύο επιλογές αντιγραφής — Αντιγράψτε ξεχωριστά την πλήρη διεύθυνση URL δεδομένων ή απλώς την ακατέργαστη συμβολοσειρά Base64.
  • Πληροφορίες μεγέθους — Εμφανίζει το αρχικό μέγεθος αρχείου και το μήκος συμβολοσειράς Base64 για να σας βοηθήσει να αποφασίσετε εάν η ενσωμάτωση έχει νόημα.

Συχνές Ερωτήσεις

Αντιγράψτε το πλήρες URL δεδομένων και χρησιμοποιήστε το ως το χαρακτηριστικό src μιας ετικέτας img: <img src="data:image/png;base64,iVBOR..." alt="My image">. Μπορείτε επίσης να το χρησιμοποιήσετε σε CSS: background-image: url('data:image/png;base64,...');. Το πρόγραμμα περιήγησης θα το αποδώσει ακριβώς όπως μια εξωτερικά συνδεδεμένη εικόνα.

Η κωδικοποίηση Base64 αυξάνει το μέγεθος του αρχείου κατά περίπου 33%. Αυτό συμβαίνει επειδή κωδικοποιεί 3 byte δυαδικών δεδομένων ως 4 χαρακτήρες ASCII. Μια εικόνα 100 KB γίνεται περίπου 133 KB στο Base64. Αυτός είναι ο λόγος για τον οποίο η ενσωμάτωση Base64 συνιστάται μόνο για μικρές εικόνες (συνήθως κάτω από 5–10 KB).

Ναι — Οι εικόνες με κωδικοποίηση Base64 σε HTML email είναι χρήσιμες επειδή δεν βασίζονται σε εξωτερική φιλοξενία και εμφανίζονται ακόμη και όταν οι εικόνες είναι αποκλεισμένες από προεπιλογή. Ωστόσο, ορισμένα προγράμματα-πελάτες ηλεκτρονικού ταχυδρομείου (κυρίως το Gmail) αφαιρούν διευθύνσεις URL δεδομένων από μηνύματα ηλεκτρονικού ταχυδρομείου HTML για λόγους ασφαλείας. Δοκιμάστε σχολαστικά πριν χρησιμοποιήσετε εικόνες Base64 σε καμπάνιες email.

Μια διεύθυνση URL δεδομένων είναι η πλήρης συμβολοσειρά που περιλαμβάνει το πρόθεμα τύπου MIME: data:image/png;base64,XXXX. Η συμβολοσειρά Base64 είναι μόνο το τμήμα XXXX μετά το κόμμα. Χρησιμοποιήστε την πλήρη διεύθυνση URL δεδομένων σε HTML/CSS. χρησιμοποιήστε μόνο τη συμβολοσειρά Base64 κατά την αποστολή εικόνων μέσω API, την αποθήκευση σε μια βάση δεδομένων ή όταν το σύστημα λήψης προσθέτει το δικό του πρόθεμα.

Γρήγορα γεγονότα

  • ✓ 100% δωρεάν, χωρίς κρυφές χρεώσεις
  • ✓ Δεν απαιτείται λογαριασμός ή σύνδεση
  • ✓ Λειτουργεί σε οποιοδήποτε πρόγραμμα περιήγησης
  • ✓ Τα δεδομένα σας δεν φεύγουν ποτέ από τη συσκευή σας
  • ✓ Αντιγράψτε ξεχωριστά τη διεύθυνση URL πλήρους δεδομένων ή το ακατέργαστο Base64

Σχετικά Εργαλεία