UltKit
Imej11
Penukar ImejKompres ImejUbah Saiz ImejPangkas ImejImej ke PDFPembuat Foto PasportImej ke SVGSemua alat Imej →
PDF13
Kompres PDFPenukar PDFPDF ke ImejGabung PDFPisah PDFBuka Kunci PDFLindungi PDFSemua alat PDF →
Dokumen & Data7
Tukar ke PDFPenukar DokumenImej ke Teks (OCR)Imej ke ExcelPenukar DataPenukar E-bukuSemua alat Dokumen & Data →
Video6
Penukar VideoKompres VideoVideo ke AudioVideo ke GIFPotong VideoAudio ke VideoSemua alat Video →
Audio4
Penukar AudioKompres AudioPotong AudioAudio ke TeksSemua alat Audio →
Alat lain22
Penjana Kod QRZip FailUnzip Dalam TalianPenukar Zon WaktuPenukar UnitPenjana Kata LaluanPengira PerkataanPemilih WarnaSemua alat lain →
BlogCara ia berfungsi

Penukar Gambar ke Base64

Tukar fail gambar menjadi sebaris teks yang boleh anda tampal ke dalam HTML, CSS, permintaan JSON atau fail Markdown, dengan awalan data URI sudah tersedia di hadapan supaya ia terus berfungsi sebaik sahaja ditampal.

Penukar Data

atau seret Fail CSV, TSV, TXT … ke sini ·

Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit

Output

Fail diproses pada pelayan kami dan dipadam selepas 30 minit.

Cara menggunakan alat ini

  1. 1

    Tambah gambar

    Letakkan fail PNG, JPG, GIF, WebP atau SVG pada kawasan muat naik, sehingga 20 fail sekali gus dan 95 MB setiap satu.

  2. 2

    Kekalkan atau buang awalan

    Awalan Data URI dihidupkan, jadi hasilnya bermula dengan data:image/png;base64, atau jenis yang sepadan. Matikannya di bawah Tetapan lanjutan apabila API memerlukan rentetan Base64 sahaja.

  3. 3

    Tukar dan salin

    Tekan Tukar ke Base64 text dan muat turun satu fail .txt bagi setiap gambar, sedia untuk ditampal ke dalam kod anda.

Muat naik gambar dan tekan Tukar ke Base64 text. Anda mendapat fail yang dikodkan sebagai aksara biasa, bermula dengan data:image/…;base64, supaya boleh terus dimasukkan ke dalam img src atau url() CSS. Tiada apa-apa pada gambar berubah.

Bila gambar dalam Base64 berguna

Base64 ditakrifkan dalam RFC 4648 (2006) dan memetakan setiap 3 bait data binari kepada 4 aksara daripada abjad 64 aksara iaitu A–Z, a–z, 0–9, + dan /. Hasilnya selamat melalui mana-mana saluran yang dibina untuk teks. Skema data URI, yang ditulis oleh Larry Masinter sebagai RFC 2397 pada 1998, kemudian membolehkan pelayar menganggap teks itu sebagai fail.

Pembangun front-end menyisipkan ikon kecil, spinner pemuatan dan gambar pemegang tempat supaya halaman dipaparkan tanpa permintaan tambahan. Pembangun back-end menghantar gambar di dalam JSON, kerana banyak API, termasuk perkhidmatan penglihatan dan OCR, menerima gambar sebagai medan Base64. Penguji menyimpan fixture dalam kod sumber, dan mereka yang membina laporan HTML satu fail atau nota Markdown membenamkan tangkapan skrin supaya fail kekal lengkap apabila dihantar melalui e-mel atau diarkibkan.

Rupa output Base64

PNG lutsinar 1 × 1 (68 bait) sebagai data URI di dalam teg img
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Piksel lutsinar">

Fail ikon PNG

24 KB

set ikon bar alat biasa, 96 × 96 px

+33% saiz, kualiti tidak berubah

Teks Base64

32 KB

4 aksara bagi setiap 3 bait, ditambah awalan

ANY I

Mana-mana imej

Alat ini menerima format imej biasa, termasuk JPG, PNG, WebP, HEIC, GIF, BMP dan TIFF. Format dikesan secara automatik daripada fail, jadi Anda tidak perlu tahu jenis imej yang Anda ada.

Penukar Any image

BASE64

Teks berkod Base64

Base64 ialah pengekodan, ditakrifkan dalam RFC 4648, yang menukar sebarang data perduaan kepada rentetan 64 aksara teks selamat. Ia digunakan untuk membenamkan imej dalam HTML dan CSS sebagai data URI, melampirkan fail pada e-mel, dan menghantar data perduaan dalam JSON atau XML. Pengekodan boleh diterbalikkan sepenuhnya tetapi menjadikan data kira-kira 33% lebih besar. Base64 bukan penyulitan dan tidak menawarkan keselamatan; sesiapa sahaja boleh menyahkodnya.

Pemampatan
Lossless (tanpa kehilangan)
Ketelusan
–
Animasi
–
Diperkenalkan
–
Penukar BASE64

Gambar ditukar menjadi teks Base64 apabila ia perlu dibawa di dalam sesuatu yang hanya menyokong teks: fail HTML atau CSS tanpa permintaan berasingan, medan JSON dalam panggilan API, fixture ujian, atau laporan satu fail.

Bila gambar sebaris membantu halaman, dan bila ia merugikan

Penyisipan menjimatkan satu permintaan, yang paling penting di bawah HTTP/1.1 apabila pelayar hanya membuka beberapa sambungan bagi setiap tapak. Dengan multipleks HTTP/2 dan HTTP/3, permintaan kecil tambahan adalah murah, jadi manfaatnya mengecil sedangkan kosnya kekal: gambar yang dikodkan tidak boleh dicache secara berasingan, ia dimuat turun semula setiap kali HTML atau CSS berubah, dan ia melambatkan penghuraian fail tempat ia berada.

Peraturan yang munasabah ialah menyisipkan hanya gambar beberapa kilobait yang muncul pada setiap halaman, seperti logo atau sprite ikon, dan menyediakan yang lain sebagai fail. Foto hampir tidak pernah sesuai disisipkan. Jika yang anda perlukan sebenarnya jenis fail lain dan bukan teks, penukar gambar boleh membantu.

Kelebihan gambar Base64

  • Satu fail HTML, CSS atau JSON yang lengkap
  • Tiada permintaan tambahan untuk ikon kecil
  • Selamat di dalam JSON, XML dan format teks lain
  • Tanpa kehilangan kualiti dan boleh diterbalikkan

Kos gambar Base64

  • Kira-kira 33% lebih besar daripada fail binari
  • Tidak dicache secara berasingan oleh pelayar
  • Disekat sebagai gambar oleh banyak klien e-mel
  • Sukar disemak dalam diff kod

Soalan lazim gambar ke Base64

Apakah perbezaan antara Base64 dan data URI?

Base64 hanyalah aksara yang dikodkan. Data URI membungkusnya dengan skema dan jenis, iaitu data:image/png;base64, diikuti aksara tersebut, supaya pelayar tahu cara menyahkod dan memaparkannya. HTML dan CSS memerlukan data URI penuh; kebanyakan API JSON hanya mahu bahagian Base64 biasa.

Berapa banyak saiz gambar bertambah sebagai Base64?

Base64 menulis 4 aksara bagi setiap 3 bait, jadi teks itu kira-kira satu pertiga lebih besar daripada fail, ditambah awalan pendek. PNG 30 KB menjadi lebih kurang 40 KB teks. Jika HTML atau CSS dihantar dengan mampatan gzip, sebahagian daripada lebihan itu dapat dijimatkan semasa pemindahan.

Bolehkah saya menggunakan gambar Base64 dalam tandatangan e-mel?

Ia tidak boleh diharapkan. Gmail tidak memaparkan gambar data URI, dan beberapa program e-mel desktop turut membuangnya, sehingga penerima melihat ikon rosak. Letakkan gambar pada pelayan web atau lampirkannya, dan gunakan Base64 untuk laman web dan aplikasi.

Perlukah ikon SVG dikodkan dalam Base64?

Ia berfungsi, tetapi SVG sudah pun teks. Mengekod URL pada markup dan bukannya Base64 biasanya menghasilkan data URI yang lebih pendek dan kekal boleh dibaca. Untuk apa-apa yang lebih besar daripada ikon kecil, fail SVG berasingan yang boleh dicache oleh pelayar ialah pilihan yang lebih baik.

Bolehkah saya menukar teks Base64 kembali kepada gambar?

Ya, pengekodan ini tanpa kehilangan kualiti dan boleh diterbalikkan sepenuhnya: penyahkodan memulangkan bait asal yang tepat. Setiap bahasa pengaturcaraan menyediakan penyahkod, dan menampal data URI lengkap ke bar alamat pelayar akan memaparkan gambar itu.

Adakah pengekodan mengubah kualiti gambar?

Tidak. Base64 mengubah cara bait ditulis, bukan piksel. Untuk memendekkan rentetan, kecilkan gambar dahulu, misalnya dengan kompres gambar ke 20 KB, kemudian kodkan fail yang lebih kecil.