PNG σε Base64

Χρησιμοποιήστε αυτόν τον δωρεάν μετατροπέα PNG σε Base64 για να μετατρέψετε οποιαδήποτε εικόνα Portable Network Graphics σε συμβολοσειρά Base64 ή έτοιμο απόσπασμα κώδικα. Επιλέξτε ένα τοπικό αρχείο .png (ή επικολλήστε σύνδεσμο προς απομακρυσμένο), επιλέξτε τη μορφή εξόδου και πατήστε Κωδικοποίηση PNG σε Base64.

αρχείο PNG
Αφήστε το αρχείο PNG εδώ ή επιλέξτε ένα

Πώς να μετατρέψετε PNG σε Base64 online

  1. Επιλέξτε Τοπικό αρχείο και επιλέξτε ένα αρχείο .png, ή επιλέξτε Απομακρυσμένο URL και επικολλήστε έναν σύνδεσμο.
  2. Επιλέξτε τη μορφή εξόδου: απλό Base64, data URI, ετικέτα HTML, CSS, JavaScript, JSON ή XML.
  3. Κάντε κλικ στο Κωδικοποίηση PNG σε Base64. Το αποτέλεσμα εμφανίζεται αμέσως με προεπισκόπηση.
  4. Αντιγράψτε το αποτέλεσμα στο πρόχειρο ή κατεβάστε το ως αρχείο .txt.

Σχετικά με το PNG (Portable Network Graphics)

Το PNG είναι μία μορφή raster χωρίς απώλειες που δημιουργήθηκε το 1996 ως αντικατάσταση του GIF χωρίς διπλώματα ευρεσιτεχνίας. Υποστηρίζει πλήρες χρώμα 24-bit, κανάλι alpha 8-bit για ομαλή διαφάνεια και συμπίεση DEFLATE που δεν απορρίπτει ποτέ δεδομένα pixel.

Επειδή διατηρεί τις άκρες καθαρές, το PNG είναι η τυπική επιλογή για λογότυπα, εικονίδια, στιγμιότυπα UI και διαγράμματα. Για φωτογραφίες, το JPG ή το WebP είναι συνήθως πολύ μικρότερα, κάτι που έχει σημασία όταν ενσωματώνετε την εικόνα ως Base64 επειδή κάθε byte μεγαλώνει περίπου κατά ένα τρίτο.

Αναπτύχθηκε1996, W3C / IETF (RFC 2083)
ΣυμπίεσηΧωρίς απώλειες (DEFLATE)
ΔιαφάνειαΝαι, πλήρες κανάλι alpha
Κινούμενη εικόναΕπέκταση APNG
Υπογραφή αρχείου89 50 4E 47 0D 0A 1A 0A

Μορφές εξόδου

Επιλέξτε πώς θα περιτυλιχθεί το αποτέλεσμα. Ο μετατροπέας μπορεί να επιστρέψει:

  • txt: μόνο η συμβολοσειρά Base64, έτοιμη για επικόλληση σε κώδικα, πεδίο βάσης δεδομένων ή αίτημα API.
  • uri: πλήρες URI data: που μπορείτε να επικολλήσετε στη γραμμή διευθύνσεων του προγράμματος περιήγησης ή να χρησιμοποιήσετε οπουδήποτε γίνεται αποδεκτό ένα URL.
  • html img: ετικέτα <img> με το data URI στο src.
  • css background image: κανόνας CSS με background-image: url(data:...).
  • html favicon: ετικέτα <link rel="icon"> για ενσωματωμένο favicon.
  • html hyperlink: σύνδεσμος <a> που κατεβάζει ή ανοίγει το ενσωματωμένο αρχείο.
  • html iframe: ένα <iframe> που εμφανίζει το περιεχόμενο ενσωματωμένα.
  • javascript image: JavaScript που δημιουργεί αντικείμενο Image.
  • javascript popup: JavaScript που ανοίγει το περιεχόμενο σε νέο παράθυρο.
  • json: αντικείμενο JSON με το όνομα αρχείου, τον τύπο MIME και τα δεδομένα.
  • xml: στοιχείο XML με τα δεδομένα μέσα σε ενότητα CDATA.

Είναι ασφαλές και πόσο μεγάλο θα είναι το αποτέλεσμα;

Το αρχείο σας δεν μεταφορτώνεται ποτέ: διαβάζεται και μετατρέπεται τοπικά από το πρόγραμμα περιήγησής σας με το File API, οπότε ακόμη και εμπιστευτικά έγγραφα παραμένουν στη συσκευή σας.

Το Base64 αναπαριστά κάθε 3 bytes με 4 χαρακτήρες, οπότε το κωδικοποιημένο αποτέλεσμα είναι περίπου 33% μεγαλύτερο από το αρχικό αρχείο (συν λίγα bytes για συμπλήρωση και το πρόθεμα data URI).

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

Πώς μετατρέπω PNG σε Base64;

Επιλέξτε το αρχείο .png παραπάνω και κάντε κλικ στο «Κωδικοποίηση PNG σε Base64». Ο μετατροπέας διαβάζει το αρχείο στο πρόγραμμα περιήγησής σας και εξάγει τη συμβολοσειρά Base64 ή ένα έτοιμο data URI.

Με τι ξεκινά ένα PNG κωδικοποιημένο σε Base64;

Ένα αρχείο PNG κωδικοποιημένο σε Base64 ξεκινά συνήθως με "iVBORw0KGgo". Ως data URI ξεκινά με "data:image/png;base64,".

Υπάρχει όριο μεγέθους αρχείου;

Δεν υπάρχει αυστηρό όριο επειδή η μετατροπή εκτελείται τοπικά, αλλά πολύ μεγάλα αρχεία παράγουν πολύ μεγάλες συμβολοσειρές. Αρχεία έως περίπου 50 MB λειτουργούν άνετα σε σύγχρονα προγράμματα περιήγησης.

Πώς μετατρέπω το Base64 πίσω σε PNG;

Χρησιμοποιήστε τον αποκωδικοποιητή Base64 σε PNG: επικολλήστε τη συμβολοσειρά και μπορείτε να προεπισκοπήσετε και να κατεβάσετε το αρχικό αρχείο .png.

Σχετικά εργαλεία και οδηγοί

Σχόλια (0)

Ερωτήσεις, ιδέες ή σφάλμα στο «PNG σε Base64»; Αφήστε ένα σχόλιο, βαθμολογήστε το εργαλείο ή απαντήστε σε άλλους.

Δεν υπάρχουν ακόμα σχόλια. Γίνετε ο πρώτος που θα μοιραστεί τα σχόλιά του!

Αφήστε ένα σχόλιο

Βαθμολογήστε αυτό το εργαλείο:
Esc
↑ ↓ μετακίνηση↵ άνοιγμαEsc κλείσιμο