UltKit
Εικόνα11
Μετατροπή εικόναςΣυμπίεση εικόναςΑλλαγή μεγέθους εικόναςΠερικοπή εικόναςΕικόνα σε PDFΦωτογραφία διαβατηρίουΕικόνα σε SVGΌλα τα εργαλεία: Εικόνα →
PDF13
Συμπίεση PDFΜετατροπή PDFPDF σε εικόναΣυγχώνευση PDFΔιαχωρισμός PDFΞεκλείδωμα PDFΠροστασία PDFΌλα τα εργαλεία: PDF →
Έγγραφα και δεδομένα7
Μετατροπή σε PDFΜετατροπέας εγγράφωνΕικόνα σε κείμενο (OCR)Εικόνα σε ExcelΜετατροπέας δεδομένωνΜετατροπέας e-bookΌλα τα εργαλεία: Έγγραφα και δεδομένα →
Βίντεο6
Μετατροπέας βίντεοΣυμπίεση βίντεοΒίντεο σε ήχοΒίντεο σε GIFΠερικοπή βίντεοΉχος σε βίντεοΌλα τα εργαλεία: Βίντεο →
Ήχος4
Μετατροπέας ήχουΣυμπίεση ήχουΠερικοπή ήχουΉχος σε κείμενοΌλα τα εργαλεία: Ήχος →
Περισσότερα εργαλεία22
Δημιουργία κωδικού QRΣυμπίεση αρχείων σε ZIPΑποσυμπίεση onlineΜετατροπέας ζωνών ώραςΜετατροπέας μονάδωνΓεννήτρια κωδικών πρόσβασηςΜετρητής λέξεωνΕπιλογέας χρωμάτωνΌλα τα υπόλοιπα εργαλεία →
BlogΠώς λειτουργεί

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

Μετατρέψτε ένα αρχείο εικόνας σε μια γραμμή κειμένου που επικολλάτε σε HTML, CSS, ένα αίτημα JSON ή ένα αρχείο Markdown. Το πρόθεμα data URI μπαίνει ήδη μπροστά, οπότε λειτουργεί αμέσως μόλις το επικολλήσετε.

Μετατροπέας δεδομένων

ή σύρετε Αρχεία CSV, TSV, TXT … εδώ ·

Έως 95 MB ανά αρχείο· Έως 20 αρχεία· Διαγραφή μετά από 30 λεπτά

Έξοδος

Τα αρχεία επεξεργάζονται στους διακομιστές μας και διαγράφονται μετά από 30 λεπτά.

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

  1. 1

    Προσθέστε τις εικόνες

    Σύρετε αρχεία PNG, JPG, GIF, WebP ή SVG στην περιοχή μεταφόρτωσης, έως 20 τη φορά και έως 95 MB το καθένα.

  2. 2

    Κρατήστε ή αφαιρέστε το πρόθεμα

    Το Πρόθεμα Data URI είναι ενεργό, οπότε το αποτέλεσμα ξεκινά με data:image/png;base64, ή με τον αντίστοιχο τύπο. Απενεργοποιήστε το από τις Σύνθετες ρυθμίσεις όταν ένα API ζητά μόνο το απλό κείμενο Base64.

  3. 3

    Μετατρέψτε και αντιγράψτε

    Πατήστε Μετατροπή σε Base64 text και κατεβάστε ένα αρχείο .txt για κάθε εικόνα, έτοιμο για επικόλληση στον κώδικά σας.

Ανεβάστε την εικόνα και πατήστε Μετατροπή σε Base64 text. Παίρνετε το αρχείο κωδικοποιημένο ως απλούς χαρακτήρες, που ξεκινούν με data:image/…;base64, ώστε να μπει κατευθείαν σε ένα img src ή σε ένα CSS url(). Η εικόνα δεν αλλάζει σε τίποτα.

Πού είναι χρήσιμη μια εικόνα σε Base64

Το Base64 ορίζεται στο RFC 4648 (2006) και αντιστοιχίζει κάθε 3 byte δυαδικών δεδομένων σε 4 χαρακτήρες από ένα αλφάβητο 64 χαρακτήρων: A–Z, a–z, 0–9, + και /. Το αποτέλεσμα αντέχει σε κάθε κανάλι φτιαγμένο για κείμενο. Το σχήμα data URI, που διατύπωσε ο Larry Masinter στο RFC 2397 το 1998, επιτρέπει στον browser να αντιμετωπίζει αυτό το κείμενο ως αρχείο.

Οι προγραμματιστές front-end ενσωματώνουν μικρά εικονίδια, spinners φόρτωσης και εικόνες υποκατάστασης, ώστε η σελίδα να εμφανίζεται χωρίς πρόσθετα αιτήματα. Οι προγραμματιστές back-end στέλνουν εικόνες μέσα σε JSON, επειδή πολλά API, μεταξύ των οποίων υπηρεσίες όρασης και OCR, δέχονται εικόνα ως πεδίο Base64. Οι δοκιμαστές κρατούν δεδομένα δοκιμών στον πηγαίο κώδικα και όσοι φτιάχνουν αναφορές HTML ενός αρχείου ή σημειώσεις Markdown ενσωματώνουν στιγμιότυπα, ώστε το αρχείο να παραμένει αυτοτελές όταν αποστέλλεται με email ή αρχειοθετείται.

Πώς μοιάζει το αποτέλεσμα σε Base64

Ένα διαφανές PNG 1 × 1 (68 byte) ως data URI μέσα σε ετικέτα img
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Δοκιμαστικό pixel">

Αρχείο εικονιδίου PNG

24 KB

τυπικό σετ εικονιδίων γραμμής εργαλείων, 96 × 96 px

+33% μέγεθος, μηδενική αλλαγή ποιότητας

Κείμενο Base64

32 KB

4 χαρακτήρες ανά 3 byte, συν το πρόθεμα

ANY I

Οποιαδήποτε εικόνα

Το εργαλείο δέχεται συνηθισμένες μορφές εικόνας, όπως JPG, PNG, WebP, HEIC, GIF, BMP και TIFF. Η μορφή εντοπίζεται αυτόματα από το αρχείο, οπότε δεν χρειάζεται να γνωρίζετε τι είδους εικόνα έχετε.

Μετατροπέας Any image

BASE64

Κείμενο κωδικοποιημένο σε Base64

Το Base64 είναι μια κωδικοποίηση, που ορίζεται στο RFC 4648, η οποία μετατρέπει οποιαδήποτε δυαδικά δεδομένα σε συμβολοσειρά 64 ασφαλών χαρακτήρων κειμένου. Χρησιμοποιείται για την ενσωμάτωση εικόνων σε HTML και CSS ως data URI, για τη συνημμένη αποστολή αρχείων στο email και για τη μεταφορά δυαδικών δεδομένων σε JSON ή XML. Η κωδικοποίηση είναι πλήρως αναστρέψιμη, αλλά αυξάνει το μέγεθος των δεδομένων κατά περίπου 33%. Το Base64 δεν είναι κρυπτογράφηση και δεν προσφέρει ασφάλεια· οποιοσδήποτε μπορεί να το αποκωδικοποιήσει.

Συμπίεση
Χωρίς απώλειες
Διαφάνεια
–
Κινούμενη εικόνα
–
Έτος εισαγωγής
–
Μετατροπέας BASE64

Οι εικόνες γίνονται κείμενο Base64 όταν πρέπει να μεταφερθούν μέσα σε κάτι που μεταφέρει μόνο κείμενο: ένα αρχείο HTML ή CSS χωρίς ξεχωριστό αίτημα, ένα πεδίο JSON σε κλήση API, ένα δεδομένο δοκιμών ή μια αναφορά ενός αρχείου.

Πότε η ενσωμάτωση εικόνας βοηθά μια σελίδα και πότε τη βλάπτει

Η ενσωμάτωση γλιτώνει ένα αίτημα, κάτι που είχε τη μεγαλύτερη σημασία στο HTTP/1.1, όταν οι browser άνοιγαν μόνο λίγες συνδέσεις ανά ιστότοπο. Με την πολυπλεξία των HTTP/2 και HTTP/3, τα επιπλέον μικρά αιτήματα κοστίζουν λίγο, οπότε το όφελος μικραίνει ενώ το κόστος μένει: η κωδικοποιημένη εικόνα δεν αποθηκεύεται ξεχωριστά στην κρυφή μνήμη, κατεβαίνει ξανά κάθε φορά που αλλάζει η HTML ή η CSS και καθυστερεί την ανάλυση του αρχείου στο οποίο βρίσκεται.

Ένας λογικός κανόνας είναι να ενσωματώνετε μόνο εικόνες λίγων kilobyte που εμφανίζονται σε κάθε σελίδα, όπως ένα λογότυπο ή ένα icon sprite, και να σερβίρετε τα υπόλοιπα ως αρχεία. Οι φωτογραφίες σχεδόν ποτέ δεν ταιριάζουν ενσωματωμένες. Αν αυτό που χρειάζεστε είναι άλλος τύπος αρχείου και όχι κείμενο, το αναλαμβάνει ο μετατροπέας εικόνων.

Πλεονεκτήματα εικόνας Base64

  • Ένα αυτοτελές αρχείο HTML, CSS ή JSON
  • Κανένα πρόσθετο αίτημα για μικροσκοπικά εικονίδια
  • Ασφαλές μέσα σε JSON, XML και άλλες μορφές κειμένου
  • Χωρίς απώλειες και αναστρέψιμο

Κόστος εικόνας Base64

  • Περίπου 33% μεγαλύτερο από το δυαδικό αρχείο
  • Δεν αποθηκεύεται ξεχωριστά στην κρυφή μνήμη του browser
  • Μπλοκάρεται ως εικόνα από πολλούς πελάτες email
  • Δύσκολη επισκόπηση στις διαφορές κώδικα

Ερωτήσεις για τη μετατροπή εικόνας σε Base64

Ποια είναι η διαφορά ανάμεσα στο Base64 και στο data URI;

Το Base64 είναι μόνο οι κωδικοποιημένοι χαρακτήρες. Το data URI τους περιβάλλει με σχήμα και τύπο, data:image/png;base64, και στη συνέχεια τους χαρακτήρες, ώστε ο browser να ξέρει πώς να τους αποκωδικοποιήσει και να τους εμφανίσει. Η HTML και η CSS χρειάζονται ολόκληρο το data URI· τα περισσότερα JSON API ζητούν μόνο το απλό τμήμα Base64.

Πόσο μεγαλώνει μια εικόνα όταν γίνει Base64;

Το Base64 γράφει 4 χαρακτήρες για κάθε 3 byte, οπότε το κείμενο είναι περίπου κατά το ένα τρίτο μεγαλύτερο από το αρχείο, συν το σύντομο πρόθεμα. Ένα PNG 30 KB γίνεται περίπου 40 KB κειμένου. Αν η HTML ή η CSS σερβίρεται συμπιεσμένη με gzip, ένα μέρος αυτής της επιβάρυνσης ανακτάται κατά τη μεταφορά.

Μπορώ να χρησιμοποιήσω εικόνα Base64 σε υπογραφή email;

Δεν είναι αξιόπιστο. Το Gmail δεν εμφανίζει εικόνες data URI και αρκετά προγράμματα email για υπολογιστή τις αφαιρούν επίσης, οπότε οι παραλήπτες βλέπουν σπασμένο εικονίδιο. Αναρτήστε την εικόνα σε web server ή επισυνάψτε την και κρατήστε το Base64 για ιστοσελίδες και εφαρμογές.

Αξίζει να κωδικοποιήσω ένα εικονίδιο SVG σε Base64;

Λειτουργεί, αλλά το SVG είναι ήδη κείμενο. Η κωδικοποίηση URL του κώδικα αντί για Base64 συνήθως δίνει συντομότερο data URI και παραμένει αναγνώσιμη. Για οτιδήποτε μεγαλύτερο από ένα μικρό εικονίδιο, καλύτερη επιλογή είναι ένα ξεχωριστό αρχείο SVG που ο browser μπορεί να αποθηκεύσει στην κρυφή μνήμη.

Μπορώ να μετατρέψω το κείμενο Base64 ξανά σε εικόνα;

Ναι, η κωδικοποίηση είναι χωρίς απώλειες και πλήρως αναστρέψιμη: η αποκωδικοποίηση επιστρέφει ακριβώς τα αρχικά byte. Κάθε γλώσσα προγραμματισμού διαθέτει αποκωδικοποιητή και αν επικολλήσετε ένα πλήρες data URI στη γραμμή διευθύνσεων του browser, εμφανίζεται η εικόνα.

Αλλάζει η ποιότητα της εικόνας με την κωδικοποίηση;

Όχι. Το Base64 αλλάζει τον τρόπο γραφής των byte, όχι τα pixel. Για να κοντύνετε το κείμενο, μικρύνετε πρώτα την εικόνα, για παράδειγμα με συμπίεση εικόνας στα 20 KB, και κωδικοποιήστε το μικρότερο αρχείο.