Κωδικοποίηση εικόνα σε Base64 σε απευθείας σύνδεση μετατροπέας


Ο μετατροπέας σε απευθείας σύνδεση θα σας βοηθήσει να κωδικοποιήσει/μετατρέψετε οποιαδήποτε εικόνα σε Base64.
Η εφαρμογή αυτή είναι απαραίτητη εάν θέλετε να τοποθετήσετε την εικόνα απευθείας στον κώδικα της ίδιας της σελίδας ή του εγγράφου, σε αυτή την περίπτωση θα πρέπει να μετατρέψει την επιθυμητή εικόνα στη γραμμή Base64 και μετά από αυτό το αποτέλεσμα να εισάγετε είτε στην ίδια σελίδα χρησιμοποιώντας την ετικέτα για την έξοδο εικόνας (<img> elements), είτε σε стилевом αρχείο (CSS background).
Η ευκολία αυτής της μεθόδου είναι καταδικαστική και τον κύριο πλεονέκτημα στο web ανάπτυξη ακριβώς στο γεγονός ότι δεν πρέπει χωριστά να τοποθετήσετε την εικόνα σε έναν κατάλογο, και μετά την παραγωγή του στη σελίδα, γιατί δια μέσω της Base64 μπορείτε να το κάνετε χωρίς αυτό, και να κάνει όλα σε ένα αρχείο - το οποίο είναι πολύ βολικό.

Παράδειγμα χρήσης Base64 για έξοδο εικόνας:
1). Έξοδος εικόνας σε HTML μέσω του tag (<img>).
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo="/>

2). Έξοδος εικόνας σε στυλ (CSS).
div.photo {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAo=") repeat-x; width:100%; height:10px;}
Τώρα στην HTML μπορείτε να κάνετε ανάληψη μέσω <div id="photo" width="10" height="10"></div>

Base64 είναι ένα πρότυπο κωδικοποίησης δυαδικά δεδομένα με τη βοήθεια μόνο 64 χαρακτήρες ASCII, το ίδιο το αλφάβητο κωδικοποίησης περιέχει текстово-ψηφιακές λατινικούς χαρακτήρες A-Z, a-z και 0-9 (62 σημαδιών) και 2 επιπλέον χαρακτήρες που εξαρτώνται από το σύστημα υλοποίησης, με κάθε 3 αρχικές byte κωδικοποιούνται 4 σύμβολα (αύξηση κατά 1⁄₃).

Μπορείτε να κωδικοποιήσει/μετατρέψετε την εικόνα σε οποιοδήποτε μέγεθος και την επέκταση (.jpg .jpeg .tif .tiff .png .gif .bmp .dib) σε Base64.
Ως αποτέλεσμα, μπορείτε να πάρετε την εικόνα σε μορφή εντολών Base64, η ποιότητα και το μέγεθος της εικόνας που θα αποθηκευτεί.


***** Η εικόνα μετατρέπεται σε μια γραμμή BASE64 *****
Ο κώδικας για την εισαγωγή (<img> elements):

Ο κώδικας για την εισαγωγή (CSS background):