Daftar isi

Seperti yang Anda lihat di atas, ada dua opsi untuk memilih Base64 ke konverter gambar dan konverter gambar ke Base64. Base64 ke gambar akan mengonversi string Base64 ke format gambar. Gambar ke Base64 akan mengubah gambar menjadi string Base64. Silakan klik opsi tergantung pada kebutuhan Anda.

Cara Menggunakan Base64 ke Alat Konverter Gambar?

Alat pengubah Base64 ke gambar akan membantu Anda mengubah string yang dikodekan Base64 menjadi gambar. Anda dapat mengunduh gambar itu dengan mengklik tombol unduh. Cukup tempelkan string yang dikodekan Base64 Anda ke dalam kotak input dan secara otomatis akan mengubahnya menjadi gambar dan pratinjau akan ditampilkan di layar Anda. Anda juga dapat memilih file teks apa pun yang berisi string yang dikodekan Base64. Ada juga opsi untuk menyalin string yang dikodekan Base64 dan menghapus kotak input.

Cara Menggunakan Alat Konverter Gambar ke Base64?

Alat pengubah gambar ke Base64 akan membantu Anda dalam mengonversi gambar apa pun menjadi string yang dikodekan Base64, kode tag gambar html, dan kode gambar latar belakang CSS. Cukup seret dan jatuhkan gambar di kotak persegi panjang di atas atau cukup klik di atasnya untuk memilih file gambar.

Segera setelah pemrosesan selesai, tiga kotak masukan akan muncul. Kotak masukan pertama akan berisi string yang dikodekan Base64. Kotak masukan kedua akan berisi kode tag gambar HTML yang dapat Anda salin dan tempel langsung ke file HTML Anda. Kotak ketiga akan berisi kode CSS dengan properti gambar latar belakang. Anda dapat menyalin dan menempelkannya langsung di file CSS. Ada juga opsi unduhan di atas setiap kotak input yang akan membantu Anda mengunduh data masing-masing dalam format file teks. Alat ini mendukung hampir semua format gambar yang umum digunakan.

Mengapa Anda Harus Mengonversi String Base64 ke Gambar?

Ukuran string Base64 yang digunakan dalam URI data 33% lebih besar dari file aslinya. Data besar dapat memengaruhi kinerja web. Mengubah data yang dikodekan menjadi gambar dan menggunakannya sebagai file, dapat meningkatkan kinerja aplikasi web Anda. Alasan lain untuk mengonversi Base64 ke gambar, adalah memiliki file yang dapat disimpan di hard disk Anda dan dapat dilihat atau diedit dengan alat tampilan dan pengeditan gambar pihak ketiga.

Apa itu Pengkodean Base64?

Base64 adalah pengkodean tekstual dari data biner. Teks yang dikodekan tidak memiliki apa-apa selain angka, huruf, dan simbol seperti +, / dan =. Ini dikenal sebagai salah satu cara paling nyaman untuk menyimpan atau mengirimkan data biner melalui media yang secara khusus digunakan untuk data tekstual. Selain itu, dapat dengan mudah dikirim dalam hal-hal seperti email dan data formulir HTML. Proses konversi teks ke Base64 membutuhkan 4 karakter per 3 byte data, ditambah kemungkinan sedikit padding di bagian akhir. Tanda sama dengan (=) digunakan untuk padding. String yang dienkode juga dapat diteruskan sebagai nilai ke parameter kueri di URL karena merupakan varian yang aman untuk URL.

Mengapa Anda Harus Menggunakan Pengodean Base64?

Ketika kami memiliki beberapa data biner yang ingin kami kirimkan melalui jaringan, kami biasanya tidak melakukannya dengan hanya mengalirkan bit dan byte melalui kabel dalam format mentah karena beberapa konten media dibuat untuk streaming teks. Jika kita mengirimkannya dalam bentuk bit atau byte, maka beberapa protokol dapat menginterpretasikan data biner ini sebagai karakter kontrol (seperti modem). Data biner tersebut dapat rusak karena protokol yang mendasari mungkin menganggap bahwa data ini berisi beberapa kombinasi karakter khusus. Misalnya, FTP menerjemahkan akhiran baris. Untuk mengatasi masalah ini, kami menyandikan data biner tersebut ke dalam karakter. Base64 adalah salah satu jenis pengkodean berikut.

String berenkode Base64 berisi 64 karakter ASCII yang mewakili data yang dikodekan. 64 karakter ini cukup untuk menyandikan data dengan panjang berapa pun. Satu-satunya kelemahan pengkodean base64 adalah bahwa ukuran string yang dikodekan akan 33% lebih banyak dibandingkan dengan string asli. Semua karakter base64 hadir dalam banyak set karakter dan ini memastikan bahwa data yang dikirimkan pasti akan mencapai ujung yang lain tanpa rusak. Karakter Base64 dapat dikelompokkan menjadi 4 grup:

• Huruf besar (indeks 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Huruf kecil (indeks 26-51): abcdefghijklmnopqrstuvwxyz
• Digit (indeks 52-61): 0123456789
• Simbol (indeks 62-63): +/

Karakter dalam string berenkode base64 peka huruf besar / kecil. Ini berarti, misalnya, saat Anda mencoba mendekode string yang dikodekan base64 seperti ab ==, Ab ==, aB ==, dan AB ==; Anda akan mendapatkan 4 hasil berbeda. Tanda sama dengan (=) bukan bagian dari indeks dan juga tidak terlibat dalam proses pengkodean. Ini hanya digunakan untuk padding dan juga dikenal sebagai karakter padding. Ini memastikan bahwa string yang disandikan base64 harus kelipatan 4 byte, itulah sebabnya ia selalu ditambahkan di akhir string yang disandikan. Silakan lihat tabel indeks karakter base64 yang diberikan di bawah ini untuk pemahaman yang lebih baik.

Dimana Base64 Digunakan?

Base64 menggunakan berbagai konteks. Beberapa di antaranya diberikan di bawah ini.

• Base64 dapat digunakan untuk mengirim dan menyimpan data teks untuk menghindari segala jenis benturan pembatas.
• Data biner disematkan dalam file XML menggunakan Base64.
• Base64 digunakan untuk menyandikan file biner seperti gambar, untuk menghindari ketergantungan pada file eksternal.
• Skema URI data juga menggunakan Base64 untuk merepresentasikan file gambar. Itu sebabnya, sumber gambar dalam dokumen HTML dapat menjadi jalur ke file eksternal atau URI data.
• Base64 biasanya digunakan untuk mengaburkan rahasia tanpa overhead manajemen kunci kriptografi karena sederhana dan mudah digunakan.
• Pelaku spam juga menggunakan pengkodean Base64 untuk menghindari alat anti-spam dasar karena mereka tidak dapat mendeteksi kata kunci dalam pesan yang disandikan.
• Dalam file LDIF, Base64 digunakan untuk menyandikan string karakter.

Apa itu Data URL atau Data URI?

Data URL atau URI adalah singkatan dari data uniform resource locator atau uniform resource identifier. Ini hanyalah skema yang menyediakan mekanisme untuk menyebariskan data dalam dokumen HTML. URI Data berisi string berenkode base64 yang mewakili file.

File dapat dari berbagai jenis tetapi yang paling umum adalah file gambar. Memiliki data gambar dalam format string yang dikodekan base64 berarti bahwa untuk menampilkan gambar di web, Anda tidak perlu menentukan lokasi gambar. Anda dapat langsung menggunakan string yang disandikan itu sebagai nilai atribut sumber untuk menampilkan gambar. Setiap kali browser menemukan URI data, itu akan dapat mendekode file dan membuat file asli. Skema URI Data berisi informasi tentang file seperti jenis MIME-nya serta string yang dienkode base64. Silakan lihat kode yang diberikan di bawah ini.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Bergantung pada ukuran file, panjang string yang dikodekan base64 dapat bervariasi. Anda dapat menggunakan URI data dalam file CSS serta file HTML.

Keuntungan Menggunakan URL Data atau URI Data

Keuntungan utama menggunakan URI data daripada jalur file adalah mengurangi jumlah permintaan http keluar. Terlalu banyak permintaan http ke server yang meminta file yang sama berulang kali dapat meningkatkan beban di server. Jika Anda langsung memasukkannya ke dalam HTML, maka tidak akan ada lagi permintaan keluar karena file tersebut sudah ada dalam dokumen HTML dalam format yang dikodekan. Browser hanya perlu memecahkan kode dan menampilkannya. Seperti disebutkan di atas, ukuran string base64 dalam URI data akan 33% lebih besar dari ukuran file sebenarnya. Ini semua tentang pengoptimalan kinerja dan sangat bergantung pada pilihan Anda metode mana yang Anda sukai untuk memuat file.

URI Data tidak di-cache oleh browser sehingga setiap kali pengguna mengunjungi halaman web, browser harus mengunduh seluruh HTML dan harus mendekode data yang disematkan. Terlalu banyak penggunaan URI data dalam HTML dapat merusak kinerja situs web secara signifikan. Anda harus menjaga penggunaannya serendah mungkin. Anda mungkin tidak melihat banyak perbedaan dalam hal kinerja di desktop atau laptop karena koneksi nirkabel berkecepatan tinggi. Tetapi dalam kasus perangkat seluler, yang memiliki kecepatan internet lambat, itu akan sangat merugikan. Jika situs web Anda akan membutuhkan terlalu banyak waktu untuk dimuat di perangkat seluler, maka pasti akan ada kehilangan pendapatan dan rendahnya keterlibatan pengguna.

Dukungan Browser URI Data

URI Data didukung oleh semua browser modern. Browser lama seperti IE5 dan IE7 tidak mendukungnya jadi hindari menggunakannya jika Anda memerlukan dukungan untuk browser tersebut atau Anda dapat mencoba mencari solusi alternatif online. Silakan lihat daftar browser yang didukung di bawah ini.

• Firefox versi 2+
• Opera versi 7.2+ (Panjang URI data tidak boleh lebih dari 4100 karakter)
• Chrome (semua versi didukung)
• Safari (semua versi didukung)
• Internet Explorer 8+ (Ukuran URI data harus lebih kecil dari 32kb)