Πώς μετατρέπω μια εικόνα σε Base64 data URI για CSS;

Αφήστε ή επικολλήστε μια εικόνα (Ctrl+V), μετά ανοίξτε την καρτέλα CSS και πατήστε Copy. Παίρνετε έναν κανόνα background-image: url(...) με ενσωματωμένο το data URI. Οι καρτέλες HTML, Markdown, Raw Base64 και JSON λειτουργούν με τον ίδιο τρόπο.

Γιατί το αποτέλεσμα Base64 είναι περίπου ένα τρίτο μεγαλύτερο από την εικόνα μου;

Το Base64 μετατρέπει κάθε 3 byte σε 4 χαρακτήρες κειμένου, οπότε το κείμενο είναι περίπου 33% μεγαλύτερο από το αρχείο. Γι' αυτό τα data URI ταιριάζουν σε μικρά εικονίδια και λογότυπα, όχι σε μεγάλες φωτογραφίες.

Πώς μπορώ να κάνω πιο σύντομη τη συμβολοσειρά Base64;

Ανοίξτε πρώτα το Shrink και ορίστε Max width ή Format (WebP, JPEG ή PNG) και μειώστε το Quality για WebP ή JPEG. Τα αρχεία SVG και GIF δεν μπορούν να συρρικνωθούν έτσι· το SVG διαθέτει καρτέλα SVG (URL-encoded).

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

Ναι. Αλλάξτε το Direction σε Base64 to Image και επικολλήστε ένα data URI ή σκέτο Base64. Αναγνωρίζει PNG, JPEG, GIF, WebP, SVG, BMP, ICO και AVIF και μετά προσφέρει λήψη. Μη έγκυρη είσοδος εμφανίζει σφάλμα.

Γιατί αποτυγχάνει το Copy ή η προεπισκόπηση φαίνεται κομμένη σε μεγάλη εικόνα;

Η προεπισκόπηση δείχνει μόνο τους πρώτους 2000 χαρακτήρες, αλλά τα Copy και Download δίνουν ολόκληρη την τιμή. Πολύ μεγάλες συμβολοσειρές μπορεί να ξεπεράσουν το όριο του προχείρου του προγράμματος περιήγησης, γι' αυτό χρησιμοποιήστε Download ή μικρύνετε πρώτα την εικόνα.

Είναι πραγματικά δωρεάν;

Ναι. Κάθε εργαλείο είναι δωρεάν στη χρήση, χωρίς λογαριασμό και χωρίς πιστωτική κάρτα. Η εργασία εκτελείται στη συσκευή σας και όχι στους διακομιστές μας, γεγονός που την καθιστά δωρεάν στη λειτουργία της.

Ανεβαίνουν τα αρχεία μου;

Όχι. Τα αρχεία σας ανοίγουν και επεξεργάζονται μέσα στο πρόγραμμα περιήγησής σας και δεν στέλνονται στο LibraTool. Ορισμένα εργαλεία κατεβάζουν πρώτα μια μηχανή επεξεργασίας ή ένα μοντέλο AI στο πρόγραμμα περιήγησής σας· αυτή η λήψη δεν περιέχει δεδομένα σας.

Λειτουργεί σε κινητό;

Ναι. Λειτουργεί στα σύγχρονα προγράμματα περιήγησης κινητών σε iOS και Android, χωρίς εγκατάσταση. Πολύ μεγάλα αρχεία μπορεί να είναι αργά ή να εξαντλήσουν τη μνήμη σε κινητό, οπότε για αυτά χρησιμοποιήστε υπολογιστή.

🖼️

Εικόνα σε Base64 δωρεάν

Μετατρέψτε μια εικόνα σε URI δεδομένων Base64 για ενσωματωμένη χρήση σε CSS, HTML ή Markdown. Αντιγράψτε έτοιμα αποσπάσματα. Κωδικοποιείται στο πρόγραμμα περιήγησής σας· δεν μεταφορτώνεται ποτέ.

Το μέγεθος αρχείου εξαρτάται από τη συσκευή σαςΤα αρχεία παραμένουν ιδιωτικάΔεν απαιτείται σύνδεσηΔωρεάν για πάντα

Λειτουργεί εκτός σύνδεσης μόλις φορτωθεί

Αφήστε ένα αρχείο εδώ ή κάντε κλικ για αναζήτηση

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · επεξεργάζεται στη συσκευή σας

ή πατήστε Ctrl+V για επικόλληση από το πρόχειρο

Αναζήτηση αρχείων

Συμβουλή: μπορείτε επίσης να επικολλήσετε μια εικόνα από το πρόχειρο (Ctrl+V).

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

Μετατρέψτε μια εικόνα σε Base64 data URI που μπορείτε να επικολλήσετε απευθείας σε CSS, HTML ή Markdown — χωρίς ξεχωριστό αρχείο. Κωδικοποιείται στον περιηγητή· δεν ανεβαίνει ποτέ.

Συνηθισμένες χρήσεις

Ενσωμάτωση εικόνας στο CSSΕνσωματώστε ένα μικρό εικονίδιο ή φόντο ως data-URI στο φύλλο στυλ σας.
Ενσωμάτωση εικόνας στο HTMLΕνσωματώστε ένα λογότυπο ή εικονίδιο απευθείας σε αυτοδύναμο HTML.
Μετατροπή SVG ή εικονιδίου σε Base64Μετατρέψτε ένα μικρό εικονίδιο σε data-URI για ενσωμάτωση.
Ενσωμάτωση εικόνας στο MarkdownΕνσωματώστε μια μικρή εικόνα σε ένα αρχείο Markdown με data-URI.
Λήψη data-URI εικόναςΠαράγετε έναν ακατέργαστο δεδομένα: URI που μπορείτε να χρησιμοποιήσετε οπουδήποτε.

Πώς λειτουργεί

Ένα data URI ενσωματώνει μια εικόνα απευθείας στον κώδικά σας ως κείμενο, ώστε να φορτώνεται χωρίς ξεχωριστό αίτημα αρχείου — χρήσιμο για μικρά εικονίδια και αυτοτελή HTML. Αυτό το κωδικοποιεί στο πρόγραμμα περιήγησής σας.

1
Ρίχνετε μια εικόνα
Διαβάζεται τοπικά με το FileReader API — ποτέ δεν μεταφορτώνεται.
2
Κωδικοποιείται σε Base64
Τα byte εικόνας γίνονται ένα data: URI (data:image/...;base64,…) ακριβώς στο πρόγραμμα περιήγησής σας.
3
Επιλέγετε ένα snippet
Αντιγράψτε το ακατέργαστο data URI ή έτοιμο CSS (background-image), HTML (<img>) ή Markdown.
4
Επικολλήστε στον κώδικά σας
Η εικόνα ταξιδεύει τώρα ενσωματωμένη με το CSS/HTML σας — χωρίς επιπλέον αρχείο για φιλοξενία.

Η εικόνα κωδικοποιείται εντελώς στη συσκευή σας. Σημειώστε ότι Base64 είναι περίπου 33% μεγαλύτερο από το αρχικό, γι' αυτό τα data URI είναι καλύτερα για μικρές εικόνες.

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

🖼️

Στεγανογραφία Εικόνας (Απόκρυψη Κειμένου σε Εικόνα)

Κρύψτε ένα μυστικό μήνυμα κειμένου μέσα σε PNG χρησιμοποιώντας στεγανογραφία λιγότερο σημαντικού bit, με προαιρετική κρυπτογράφηση AES-256-GCM με κωδικό. Εξαγάγετε το αργότερα με το ίδιο εργαλείο. Όλα εκτελούνται στο πρόγραμμα περιήγησής σας.

Δοκιμάστε τοΤα αρχεία παραμένουν τοπικά

🔢

Κωδικοποιητής & Αποκωδικοποιητής Base64

Κωδικοποιήστε κείμενο ή αρχεία σε Base64, ή αποκωδικοποιήστε συμβολοσειρές Base64 σε απλό κείμενο. Άμεσο, ιδιωτικό και δωρεάν.

Δοκιμάστε το

🔗

Κωδικοποιητής και αποκωδικοποιητής URL

Κωδικοποιήστε και αποκωδικοποιήστε διευθύνσεις URL και συμβολοσειρές ερωτημάτων. Υποστηρίζει encodeURIComponent, decodeURIComponent και ανάλυση συμβολοσειρών ερωτημάτων.