Konverter Base64 DataURL

Base64 Murni
0 karakter

Alat online untuk konversi dua arah antara Base64 murni dan DataURL dengan deteksi MIME otomatis dan penghapusan spasi.

Rekomendasi Terkait

Encode Base64

Dekode Base64

Penggabungan Base64 multi-baris

Base64 ke Gambar

Gambar ke Base64

Pembersihan Base64

Apa itu Base64 DataURL?

DataURL adalah skema URI yang menyematkan data langsung ke dalam URL dengan format data:[<tipe MIME>];base64,<data Base64>. Skema ini memungkinkan gambar, PDF, font, dan sumber daya kecil lainnya disisipkan langsung ke HTML, CSS, dan JavaScript tanpa permintaan HTTP tambahan.

**Base64 murni vs DataURL:** Base64 murni hanyalah string yang sudah dikodekan (misalnya iVBORw0KGgo...); DataURL adalah URI lengkap dengan awalan data: dan tipe MIME, yang dapat digunakan langsung sebagai nilai src, href, url(), dan sebagainya.

**Tujuan alat ini:** Mengonversi bolak-balik antara «string Base64 murni» dan «DataURL lengkap» — baik menambahkan awalan data: dan tipe MIME secara otomatis ke Base64 yang ada, maupun mengekstrak hanya bagian Base64 murni dari sebuah DataURL.

**Penggunaan umum:** ① menyisipkan gambar latar di CSS; ② src sebaris di HTML <img>; ③ gambar sebaris di Markdown; ④ menempel gambar di editor teks kaya; ⑤ men-debug skema data URI.

Kasus penggunaan

  • Menambahkan awalan data: dan tipe MIME ke Base64 yang sudah ada untuk mendapatkan DataURL yang dapat disisipkan langsung ke HTML
  • Mengekstrak bagian Base64 murni dari sebuah DataURL untuk memudahkan penyusunan ulang atau pengiriman
  • Memverifikasi kelengkapan muatan Base64 saat men-debug sumber daya data: di frontend
  • Mendeteksi otomatis tipe MIME (PNG/JPEG/PDF, dll.) dari Base64 yang ada di papan klip
  • Menyiapkan data URL untuk CSS background-image atau HTML <img src>
  • Mengubah Base64 gambar menjadi DataURL yang dapat ditempel di editor teks kaya Markdown

Cara Penggunaan

  1. Pilih arah: «Tambah header» (Base64 murni → DataURL) atau «Hapus header» (DataURL → Base64 murni).
  2. Tempelkan konten di kotak kiri: pada mode tambah tempelkan Base64 murni, pada mode hapus tempelkan string data:...
  3. Pada mode tambah, opsional: biarkan «Deteksi otomatis» atau pilih jenis tertentu di daftar tarik MIME.
  4. Alat mengonversi secara waktu nyata, hasil ditampilkan di sisi kanan dan dapat disalin atau diunduh sebagai txt.

Fitur

  • Konversi dua arah: Base64 murni ↔ DataURL
  • 11 jenis MIME: gambar, dokumen, audio/video, teks
  • Deteksi otomatis MIME: melalui byte ajaib untuk PNG/JPEG/GIF/WEBP/PDF
  • Penghapusan spasi: pembersihan otomatis karakter baris baru dan spasi
  • Konversi waktu nyata: hitung ulang otomatis 300 ms setelah masukan
  • Pertukaran arah otomatis: saat berganti arah, masukan dan keluaran saling berpindah
  • Salin sekali klik: hasil langsung disalin ke papan klip
  • Unduh txt: simpan sebagai berkas dataurl-result.txt
  • Responsif di PC dan ponsel: panel dapat diseret atau beralih tab
  • Pemrosesan lokal di peramban: konten tidak dikirim ke server

Best Practices

Utamakan deteksi otomatis

jika Anda ragu soal tipe MIME, biarkan «Deteksi otomatis» aktif secara bawaan dan pilih secara manual hanya jika deteksi gagal.

Perhatikan batas ukuran

DataURL memiliki batas 2–4 MB di peramban; untuk berkas besar, sebaiknya gunakan rujukan URL alih-alih penyematan.

Penghapusan karakter tak perlu

Base64 yang ditempel sering kali memuat baris baru; alat akan menghapusnya secara otomatis. Untuk kasus yang lebih ketat, gunakan «Pembersihan Base64» lebih dulu.

Verifikasi silang

setelah konversi, gunakan «Pemeriksaan Base64» atau alat pengembang peramban untuk memastikan DataURL termuat dengan benar.

Periksa setelah menyalin

setelah menempel ke lokasi tujuan, periksa di konsol peramban apakah hasil pendekodean sesuai dengan yang diharapkan.

Pertanyaan Umum

Apakah mode tambah sudah mengaktifkan deteksi otomatis?

Ya. Alat ini mengaktifkan deteksi otomatis secara bawaan: dengan memeriksa byte awal Base64 (byte ajaib) untuk mengenali format PNG, JPEG, GIF, WEBP, atau PDF. Jika memerlukan jenis MIME lain (misalnya application/json, video/mp4), Anda dapat memilihnya secara manual di tarik-turun.

Bagaimana jika masukan sudah memiliki awalan data:?

Pada mode tambah, jika masukan sudah diawali dengan data:, alat akan mengembalikannya apa adanya tanpa menambahkan awalan ganda. Pada mode hapus, jika masukan bukan berupa DataURL, alat akan menghapus karakter spasi dan mengembalikan Base64 murni.

Bagaimana jika deteksi otomatis gagal?

Jika Base64 tidak cocok dengan byte ajaib PNG/JPEG/GIF/WEBP/PDF mana pun, deteksi otomatis akan kembali ke application/octet-stream. Dalam kasus ini, disarankan memilih tipe MIME yang sesuai secara manual.

Tipe MIME apa saja yang didukung?

image/png, image/jpeg, image/gif, image/webp, image/svg+xml, application/pdf, application/json, text/plain, text/html, audio/mpeg, video/mp4 — total 11 jenis yang umum.

Apakah ada batas ukuran DataURL di peramban?

Ya. Sebagian besar peramban membatasi total panjang DataURL (sekitar 2–4 MB, bergantung pada peramban); jika terlampaui, pemuatan sumber daya akan gagal. Untuk berkas besar, sebaiknya gunakan rujukan URL biasa.

Di mana DataURL dapat digunakan?

Di HTML <img src>, CSS url(), unduhan lewat <a href>, JavaScript fetch, sintaksis gambar Markdown, sumber daya tertanam di data JSON, dan sebagainya.

Apakah baris baru dan spasi pada Base64 akan dihapus otomatis?

Ya. Pada mode tambah, baris baru dan spasi dihapus sebelum awalan ditambahkan; pada mode hapus, spasi juga dihapus setelah ekstraksi dari DataURL.

Apakah masukan berubah saat arah diganti?

Saat mengganti arah, alat otomatis menjadikan keluaran saat ini sebagai masukan baru, sehingga memudahkan operasi beruntun.

Apakah konten dikirim ke server?

Tidak. Semua konversi dilakukan secara lokal di peramban; masukan dan keluaran tidak meninggalkan perangkat Anda.

Glosarium

DataURL
Skema URI data yang didefinisikan di RFC 2397, format data:[<mime>];base64,<data>, dapat dipakai langsung sebagai nilai src, href, url(), dan sebagainya.
Tipe MIME
Pengenal jenis media, misalnya image/png, application/pdf. Alat ini mendukung 11 jenis MIME umum dan dapat mendeteksinya secara otomatis.
Byte Ajaib
Byte tetap di awal berkas yang digunakan untuk mengenali jenis berkas. Alat mengenali PNG/JPEG/GIF/WEBP/PDF, dan lain-lain melalui byte ajaib.
Base64
Metode pengodean untuk merepresentasikan data biner dengan 64 karakter yang dapat dicetak. Muatan DataURL adalah Base64.
Skema Data URI
Protokol URI data: yang didefinisikan di RFC 2397 — nama resmi spesifikasi DataURL.

Authoritative References